Project Init

apps/backoffice/src/app/router/ProtectedRoute.tsx

@@ -0,0 +1,13 @@
+import { Navigate, Outlet } from 'react-router-dom';
+
+function getTokenFromCookie(): string | undefined {
+  const match = document.cookie.match(/(?:^|;\s*)auth-token=([^;]*)/);
+  return match ? decodeURIComponent(match[1]) : undefined;
+}
+
+export function ProtectedRoute() {
+  const token =
+    localStorage.getItem('ema-backoffice-auth-token') ?? getTokenFromCookie();
+  if (!token) return <Navigate to="/login" replace />;
+  return <Outlet />;
+}

apps/backoffice/src/app/router/index.tsx

@@ -0,0 +1,33 @@
+import { createBrowserRouter, RouterProvider, Navigate } from 'react-router-dom';
+import { ProtectedRoute } from './ProtectedRoute';
+import { BackofficeLayout } from '../layouts/BackofficeLayout';
+import { AuthLayout } from '../layouts/AuthLayout';
+import { LoginPage } from '../features/auth/pages/LoginPage';
+import { DashboardPage } from '../features/dashboard/pages/DashboardPage';
+import { ItemPage } from '../features/item/pages/ItemPage';
+
+const router = createBrowserRouter([
+  {
+    element: <ProtectedRoute />,
+    children: [
+      {
+        element: <BackofficeLayout />,
+        children: [
+          { path: '/', element: <Navigate to="/dashboard" replace /> },
+          { path: '/dashboard', element: <DashboardPage /> },
+          { path: '/items', element: <ItemPage /> },
+        ],
+      },
+    ],
+  },
+  {
+    element: <AuthLayout />,
+    children: [{ path: '/login', element: <LoginPage /> }],
+  },
+  { path: '/404', element: <div>Page not found</div> },
+  { path: '*', element: <Navigate to="/404" replace /> },
+]);
+
+export function AppRouter() {
+  return <RouterProvider router={router} />;
+}