Linking of login, logout and registration interfaces.

src/App.js

@@ -21,32 +21,109 @@ import Training from './components/Home/Training/Training';
 import RestaurantProfile from './components/Home/RestaurantProfile/RestaurantProfile';
 import HostKitchen from './components/Home/HostKitchen/HostKitchen';
 import Settings from './components/Home/Settings/Setting';
+import PrivateRoute from './components/Routes/PrivateRoute';
+import PublicRoute from './components/Routes/PublicRoute';
+import { Navigate } from 'react-router-dom';
+
 function App() {
   return (
     <ThemeProvider theme={theme}>
-
       <Router>
         <Routes>
-          <Route path="/" element={<LoginForm />} />
-          <Route path="/login" element={<LoginForm />} />
-          <Route path="/register" element={<RegisterForm />} />
-          <Route path="/dashboard" element={<Dashboard />} />
-          <Route path="/inventory" element={<Inventory />} />
-          <Route path="/settings" element={<Settings />} />
-          <Route path="/profile" element={<RestaurantProfile />} />
-          <Route path="/create-kitchen" element={<CreateYourRestaurant />} />
-          <Route path="/host-kitchen" element={<HostKitchen />} />
-          <Route path="/cashier" element={<Cashier />} />
-          <Route path="/supplier" element={<Supplier />} />
-          <Route path="/analytics" element={<Analytics />} />
-          <Route path="/forget" element={<ForgetPassword />} />
-                    <Route path="/training" element={<Training />} />
-          
+          {/* الصفحات العامة */}
+            <Route path="/" element={<Navigate to="/login" replace />} />
+
+          <Route path="/" element={<PublicRoute><LoginForm /></PublicRoute>} />
+          <Route path="/login" element={<PublicRoute><LoginForm /></PublicRoute>} />
+          <Route path="/register" element={<PublicRoute><RegisterForm /></PublicRoute>} />
+          <Route path="/forget" element={<PublicRoute><ForgetPassword /></PublicRoute>} />
+
+          {/* الصفحات المحمية */}
+          <Route
+            path="/dashboard"
+            element={
+              <PrivateRoute>
+                <Dashboard />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/inventory"
+            element={
+              <PrivateRoute>
+                <Inventory />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/settings"
+            element={
+              <PrivateRoute>
+                <Settings />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/profile"
+            element={
+              <PrivateRoute>
+                <RestaurantProfile />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/create-kitchen"
+            element={
+              <PrivateRoute>
+                <CreateYourRestaurant />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/host-kitchen"
+            element={
+              <PrivateRoute>
+                <HostKitchen />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/cashier"
+            element={
+              <PrivateRoute>
+                <Cashier />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/supplier"
+            element={
+              <PrivateRoute>
+                <Supplier />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/analytics"
+            element={
+              <PrivateRoute>
+                <Analytics />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/training"
+            element={
+              <PrivateRoute>
+                <Training />
+              </PrivateRoute>
+            }
+          />
         </Routes>
       </Router>
-
     </ThemeProvider>
   );
 }
 
+
 export default App;