Merge pull request #144 from WildCodeSchool/feat/132/route_protection…

…_role_admin

Bloquage de la route admin et ajout des regles de linter

frontend/.eslintrc.cjs

@@ -14,7 +14,11 @@ module.exports = {
       "warn",
       { allowConstantExport: true },
     ],
-    quotes: ["error", "double"],
     "@typescript-eslint/quotes": ["error", "double"],
+    eqeqeq: ["error", "always"],
+    indent: ["error", 2],
+    "no-unused-vars": "warn",
+    "no-console": "warn",
+    "no-trailing-spaces": "error",
   },
 };

frontend/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "graphql-codegen --config codegen.ts && vite --host",
     "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext .ts,.tsx",
     "preview": "vite preview",
     "test": "vitest"
   },

frontend/src/App.tsx

@@ -9,18 +9,26 @@ import Login from "./pages/Login";
 import SearchPage from "./pages/search/[searchKeywords]";
 import Profile from "./pages/Profile";
 import { Cart } from "./pages/Cart";
+import AdminRouteProtection from "./components/AdminRouteProtection";
 
 const App = () => {
   return (
     <Routes>
       <Route path="/" element={<Layout />}>
         <Route index element={<HomePage />} />
         <Route path="register" element={<Register />} />
-        <Route path="admin" element={<Admin />} />
+        <Route
+          path="admin"
+          element={
+            <AdminRouteProtection>
+              <Admin />
+            </AdminRouteProtection>
+          }
+        />
         <Route path="profile" element={<Profile />} />
         <Route path="login" element={<Login />} />
         <Route path="/product/:productId" element={<ProductDescription />} />
-        <Route path="search" element={<SearchPage />} /> 
+        <Route path="search" element={<SearchPage />} />
         <Route path="/search/:keyword" element={<SearchPage />} />
         <Route path="register" element={<Register />} />
         <Route path="cart" element={<Cart />} />

frontend/src/components/AdminRouteProtection.tsx

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { Navigate } from "react-router-dom";
+import { UserContext } from "./Layout";
+
+function AdminRouteProtection({ children }: { children: React.ReactNode }) {
+  const userInfo = useContext(UserContext);
+
+  if (!userInfo.isLoggedIn || userInfo.role !== "ADMIN") {
+    return <Navigate to="/" replace />;
+  }
+
+  return <>{children}</>;
+}
+
+export default AdminRouteProtection;