48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
import React, { lazy, Suspense } from 'react';
|
|
import { Outlet, Route, Routes } from 'react-router-dom';
|
|
|
|
import { useAuthContext } from '../contexts/AuthContext';
|
|
import { DashboardLayout } from '../layouts/DashboardLayout';
|
|
|
|
const Auth = lazy(() => import('../pages/Auth'));
|
|
const Environment = lazy(() => import('../pages/Environment'));
|
|
const Home = lazy(() => import('../pages/Home'));
|
|
const Users = lazy(() => import('../pages/Users'));
|
|
|
|
export const AppRoutes = () => {
|
|
const { isLoggedIn } = useAuthContext();
|
|
|
|
if (isLoggedIn) {
|
|
return (
|
|
<div>
|
|
<Suspense fallback={<></>}>
|
|
<Routes>
|
|
<Route
|
|
element={
|
|
<DashboardLayout>
|
|
<Outlet />
|
|
</DashboardLayout>
|
|
}
|
|
>
|
|
<Route path="/" element={<Outlet />}>
|
|
<Route index element={<Environment />} />
|
|
<Route path="/:sec" element={<Environment />} />
|
|
</Route>
|
|
<Route path="users" element={<Users />} />
|
|
<Route path="*" element={<Home />} />
|
|
</Route>
|
|
</Routes>
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|
|
return (
|
|
<Suspense fallback={<></>}>
|
|
<Routes>
|
|
<Route path="/" element={<Auth />} />
|
|
<Route path="*" element={<Auth />} />
|
|
</Routes>
|
|
</Suspense>
|
|
);
|
|
};
|