diff --git a/web/app/root.tsx b/web/app/root.tsx index b46b8fb..e831785 100644 --- a/web/app/root.tsx +++ b/web/app/root.tsx @@ -1,18 +1,81 @@ +import "@mantine/core/styles.css"; + import { cssBundleHref } from "@remix-run/css-bundle"; import type { LinksFunction } from "@remix-run/node"; import { + Link, Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, + isRouteErrorResponse, + useRouteError, } from "@remix-run/react"; +import { + Button, + ColorSchemeScript, + Container, + Group, + MantineProvider, + Stack, + Title, +} from "@mantine/core"; +import { TailfinAppShell } from "./ui/nav/app-shell"; +import { IconRocket } from "@tabler/icons-react"; +import Providers from "./providers"; +import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; +import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; + export const links: LinksFunction = () => [ ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []), ]; +export function ErrorBoundary() { + const error = useRouteError(); + return ( + +
+