Top

React file structure


                        
            import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
            import LayoutRoutes from './LayoutRoutes';
            import AuthRoutes from './AuthRoutes';
            import PrivateRoutes from './PrivateRoutes';
            import SignIn from '../Auth';
            
            export default function Routers() {
              const login = localStorage.getItem("login");
            
              return (
                <BrowserRouter basename={"/"}>
                    <Routes>
                      {login ? (
                        <>
                          <Route path={`${process.env.PUBLIC_URL}`} element={<Navigate to={`${process.env.PUBLIC_URL}/dashboard/default`} />} />
                          <Route path={`/`} element={<Navigate to={`${process.env.PUBLIC_URL}/dashboard/default`} />} />
                        </>
                      ) : (
                        ""
                      )}
                      <Route path={"/"} element={<PrivateRoute />}>
                        <Route path="/*" element={<LayoutRoutes />} />
                        <Route path="/auth/*" element={<AuthRoutes />} />
                      </Route>
                      <Route path={`${process.env.PUBLIC_URL}/login`} element={<SignIn />} />
                    </Routes>
                </BrowserRouter>
              );
            };