update

Author: vickydecodes

frontend_tailwind/src/app/ProtectedRoute.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect } from "react";
+import { Navigate, useLocation } from "react-router-dom";
+import { getCookie } from "../utils/CookieService";
+import { toast } from "sonner";
+
+export default function ProtectedRoute({ children, routeType }) {
+  const location = useLocation();
+  const admin_uid = getCookie("admin_uid");
+
+  const isAdmin = !!admin_uid;
+
+  useEffect(() => {
+    if (!isAdmin && (routeType === "admin")) {
+      toast("This page is restricted to admins only");
+    }
+  }, [routeType, isAdmin]);
+
+  if (routeType === "login" && isAdmin) {
+    return <Navigate to="/admin" replace />;
+  }
+
+  if (routeType === "admin" && !isAdmin) {
+    return <Navigate to="/" state={{ from: location }} replace />;
+  }
+
+  return children;
+}

frontend_tailwind/src/app/routes.jsx

@@ -11,14 +11,32 @@ import AdminSheets from "@/pages/Admin/Sheets/Sheets";
 import AddBranch from "@/pages/Admin/AddBranch/AddBranch";
 import { AuthProvider } from "@/contexts/AuthContext";
 import { ApiProvider } from "@/contexts/ApiContext";
+import ProtectedRoute from "./ProtectedRoute"; // 👈 import it
 
 export default function AppRoutes() {
   return (
     <AuthProvider>
       <ApiProvider>
         <Routes>
-          <Route path="*" element={<Login />} />
-          <Route path="/admin" element={<SidebarDemo />}>
+          {/* Login route */}
+          <Route
+            path="/"
+            element={
+              <ProtectedRoute routeType="login">
+                <Login />
+              </ProtectedRoute>
+            }
+          />
+
+          {/* All /admin routes protected */}
+          <Route
+            path="/admin"
+            element={
+              <ProtectedRoute routeType="admin">
+                <SidebarDemo />
+              </ProtectedRoute>
+            }
+          >
             <Route index element={<Dashboard />} />
             <Route path="add-user" element={<AddUser />} />
             <Route path="add-task" element={<AddTask />} />
@@ -28,6 +46,9 @@ export default function AppRoutes() {
             <Route path="profile" element={<AdminProfile />} />
             <Route path="users/sheets/:userId" element={<AdminSheets />} />
           </Route>
+
+          {/* Catch-all fallback */}
+          <Route path="*" element={<Login />} />
         </Routes>
       </ApiProvider>
     </AuthProvider>