Spaces:
Build error
Build error
File size: 1,324 Bytes
5285b72 23fa199 5285b72 23fa199 5285b72 23fa199 5285b72 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
import type { LinksFunction } from "@remix-run/node"
import {
Links,
Meta,
Outlet,
Scripts,
ScrollRestoration,
useRouteError,
} from "@remix-run/react"
import { captureRemixErrorBoundaryError } from "@sentry/remix"
import { Loader2 } from "lucide-react"
import { Provider } from "urql"
import { client } from "~/lib/urql"
import stylesheet from "~/tailwind.css?url"
export const links: LinksFunction = () => [
{ rel: "stylesheet", href: stylesheet },
]
export function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="ja">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<Meta />
<Links />
</head>
<body>
{children}
<ScrollRestoration />
<Scripts />
</body>
</html>
)
}
export const ErrorBoundary = () => {
const error = useRouteError()
captureRemixErrorBoundaryError(error)
return <div>Something went wrong</div>
}
export default function App() {
return (
<Provider value={client}>
<Outlet />
</Provider>
)
}
export function HydrateFallback() {
return (
<div className="flex h-screen">
<div className="m-auto">
<Loader2 className="text-4xl animate-spin" />
</div>
</div>
)
}
|