Group flights by date in list view

2024-01-04 15:13:45 -06:00
parent a600cff6e6
commit 8c0a0955b3
5 changed files with 101 additions and 58 deletions
--- a/web/app/root.tsx
+++ b/web/app/root.tsx
@@ -17,13 +17,15 @@ import {
 } from "@remix-run/react";

 import {
-  MutationCache,
+  HydrationBoundary,
  QueryCache,
  QueryClient,
  QueryClientProvider,
 } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";

+import { useDehydratedState } from "use-dehydrated-state";
+
 import {
  Button,
  ColorSchemeScript,
@@ -102,7 +104,7 @@ export function ErrorBoundary() {
  );
 }

-export default function App({ pageProps }) {
+export default function App() {
  const navigate = useNavigate();
  const [queryClient] = useState(
    () =>
@@ -128,6 +130,8 @@ export default function App({ pageProps }) {
      })
  );

+  const dehydratedState = useDehydratedState();
+
  return (
    <html lang="en">
      <head>
@@ -139,15 +143,17 @@ export default function App({ pageProps }) {
      </head>
      <body>
        <QueryClientProvider client={queryClient}>
-          <MantineProvider theme={{ primaryColor: "violet" }}>
-            <AuthProvider>
-              <Outlet />
-              <ScrollRestoration />
-              <Scripts />
-              <LiveReload />
-            </AuthProvider>
-          </MantineProvider>
-          <ReactQueryDevtools initialIsOpen={false} />
+          <HydrationBoundary state={dehydratedState}>
+            <MantineProvider theme={{ primaryColor: "violet" }}>
+              <AuthProvider>
+                <Outlet />
+                <ScrollRestoration />
+                <Scripts />
+                <LiveReload />
+              </AuthProvider>
+            </MantineProvider>
+            <ReactQueryDevtools initialIsOpen={false} />
+          </HydrationBoundary>
        </QueryClientProvider>
      </body>
    </html>