feat: implement authentication and health check providers with hooks for user management

2025-12-20 12:27:42 +08:00
parent e59e7ca4c8
commit 7d99a4852b
7 changed files with 165 additions and 3 deletions
--- a/apps/frontend/app/root.tsx
+++ b/apps/frontend/app/root.tsx
@@ -6,6 +6,8 @@ import AppTheme from './components/theme';
 import { ApiProvider } from './providers/ApiProvider';
 import { LayoutProvider } from './providers/LayoutProvider';
 import { Tooltip } from 'radix-ui';
+import { AuthProvider } from './providers/AuthProvider';
+import { ApiHealthProvider } from './providers/ApiHealthProvider';

 export const links: Route.LinksFunction = () => [];

@@ -17,6 +19,8 @@ export function Layout({ children }: { children: React.ReactNode }) {
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <Meta />
        <Links />
+        {/* Required for react-toastify */}
+        <style />
      </head>
      <body>
        {children}
@@ -33,7 +37,11 @@ export default function App() {
      <ApiProvider>
        <Tooltip.Provider delayDuration={250}>
          <LayoutProvider>
-            <Outlet />
+            <ApiHealthProvider>
+              <AuthProvider>
+                <Outlet />
+              </AuthProvider>
+            </ApiHealthProvider>
          </LayoutProvider>
        </Tooltip.Provider>
      </ApiProvider>