modified Routes in app.jsx b00tc4mp#99

TatiGV · Aug 15, 2024 · 8416758 · 8416758
1 parent 7255ba8
commit 8416758
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/staff/tatiana-garcia/project/app/view/App.jsx b/staff/tatiana-garcia/project/app/view/App.jsx
@@ -3,6 +3,7 @@ import { Routes, Route, useNavigate, Navigate } from 'react-router-dom'
 import Register from './register'
 import Login from './login/index.jsx'
 import Home from './home/index.jsx'
+import Contact from './contact/index.jsx'
 
 import logic from '../logic/index.js'
 
@@ -15,13 +16,21 @@ export default function App() {
 
   const handleRegister = () => { navigate('/login') }
 
+  // const handleContact = () => { navigate('/contact') }
+
   const handleLoginClick = () => { navigate('/login') }
 
-  const handleLogout = () => { navigate('/login') }
+  const handleLogout = () => {
+    logic.logoutUser()
+
+    navigate('/login')
+  }
 
   return <Routes>
-    <Route path="/login" element={logic.isUserLoggedIn() ? <Navigate to="/" /> : <Login onLogin={handleLogin} onRegisterClick={handleRegisterClick} />} />
-    <Route path="/register" element={logic.isUserLoggedIn() ? <Navigate to="/" /> : <Register onRegister={handleRegister} onLoginClick={handleLoginClick} />} />
-    <Route path="/*" element={logic.isUserLoggedIn() ? <Home onLogout={handleLogout} /> : <Navigate to="/login" />} />
+    <Route path='/*' element={<Home onLogout={handleLogout} />} />
+    <Route path='/login' element={logic.isUserLoggedIn() ? <Navigate to='/' /> : <Login onLogin={handleLogin} onRegisterClick={handleRegisterClick} />} />
+    <Route path='/register' element={logic.isUserLoggedIn() ? <Navigate to='/' /> : <Register onRegister={handleRegister} onLoginClick={handleLoginClick} />} />
+    <Route path='/contact' element={<Contact onRegisterPetsitterClick={handleRegisterClick} />} />
+
   </Routes>
 }