import React, { useEffect, useState } from "react";
import "./App.css";
import { Routes, Route, Navigate } from "react-router-dom";
import Dashboard from "./components/Dashboard";
import Auth from "./Pages/auth";
import Profile from "./Pages/profile";
const App3 = () => {
const[auth,setAuth]=useState(null);
useEffect(() => {
let user = localStorage.getItem("user");
user && JSON.parse(user) ? setAuth(true) : setAuth(false);
}, []);
useEffect(() => {
localStorage.setItem("user", auth);
}, [auth]);
return (
<Routes>
{!auth && (
<Route path="/auth"
element={<Auth authenticate={()=>setAuth(true)}/>}
/>
)}
{auth && <>
<Route path="/profile"
element={<Profile logout={()=>setAuth(false)}/>} />
<Route path="/dashboard" element={<Dashboard/>} />
</>
}
<Route path="/dashboard" element={<Dashboard />}/>
<Route path="*" element={<Navigate to={auth ? "/profile" : "/auth"} />} />
{}
</Routes>
);
};
export default App3;