fix auth route problem

src/App.js

@@ -10,5 +10,4 @@ function App() {
     </ChakraProvider>
   );
 }
-
-export default App;
+export default App;

src/pages/home.jsx

@@ -1,15 +1,11 @@
-import React, { useState } from 'react'
+import React from 'react'
 // import { Link } from 'react-router-dom'
 import { Helmet } from 'react-helmet'
 import { Navbar, Header } from '../components/_index'
 import { Box } from '@chakra-ui/react'
 import headerImage from '../assets/images/header2.jpg'
 
-
-
-
 export default function Home() {
-    const [counter,setCounter]= useState(0)
     return (
         <>
             <Helmet>

src/pages/project.jsx

@@ -4,8 +4,12 @@ import { AuthNavbar } from '../components/_index'
 import { Box, Text, Divider, Tabs, Tab,  TabPanels, TabPanel, TabList, Flex } from '@chakra-ui/react'
 import { EditProject } from '../components/modals/_index'
 import Pert from '../components/charts/pert/pert'
+import { useParams } from 'react-router-dom'
 
 export default function Project() {
+    const { id } = useParams()
+    console.log('id: ', id)
+
     return (
         <>
             <Helmet>

src/routes/_RouterConfig.jsx

@@ -1,18 +1,18 @@
 import React from 'react'
-import { Route, Routes } from 'react-router-dom'
+import { Route, Routes, Navigate } from 'react-router-dom'
 import { Home, Login, SignUp, NotFound, Profile, Dashboard, Project } from '../pages/_index'
 
-
 export default function RouterConfig() {
+    const isAuth = localStorage.getItem('APP_TOKEN')? true:false
+
     return (
         <Routes>
             <Route path="/" element={<Home/>}/>
             <Route path="/login" element={<Login/>}/>
             <Route path="/signup" element={<SignUp/>}/>
-            <Route path="/profile" element={<Profile/>}/>
-            <Route path="/dashboard" element={<Dashboard/>}/>
-            <Route path="/dashboard/:id" element={<Project/>}/>
-
+            <Route path="/profile" element={isAuth? <Profile/>:<Navigate to="/login"/>}/>
+            <Route path="/dashboard" element={isAuth? <Dashboard/>:<Navigate to="/login"/>}/>
+            <Route path="/dashboard/:id" element={isAuth? <Project/>:<Navigate to="/login"/>}/>
             <Route path="*" element={<NotFound/>}/>
         </Routes>
     )