63 lines
2.3 KiB
TypeScript
63 lines
2.3 KiB
TypeScript
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { QueryClientProvider } from '@tanstack/react-query';
|
|
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
|
|
import { AuthProvider } from './contexts/AuthContext';
|
|
import { ThemeProvider } from './contexts/ThemeContext';
|
|
import { ToastProvider } from './contexts/ToastContext';
|
|
import { ErrorBoundary } from './components/common/ErrorBoundary';
|
|
import { queryClient } from './lib/queryClient';
|
|
import { useAuth } from './contexts/AuthContext';
|
|
import { Login } from './pages/Login';
|
|
import { Dashboard } from './pages/Dashboard';
|
|
import { Users } from './pages/Users';
|
|
import Products from './pages/Products';
|
|
import { Orders } from './pages/Orders';
|
|
import { Reports } from './pages/Reports';
|
|
import { Notifications } from './pages/Notifications';
|
|
import { Layout } from './components/layout/Layout';
|
|
|
|
const ProtectedRoute = ({ children }: { children: any }) => {
|
|
const { user } = useAuth();
|
|
return user ? children : <Navigate to="/login" replace />;
|
|
};
|
|
|
|
const AppRoutes = () => {
|
|
return (
|
|
<Routes>
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/" element={
|
|
<ProtectedRoute>
|
|
<Layout />
|
|
</ProtectedRoute>
|
|
}>
|
|
<Route index element={<Dashboard />} />
|
|
<Route path="users" element={<Users />} />
|
|
<Route path="products" element={<Products />} />
|
|
<Route path="orders" element={<Orders />} />
|
|
<Route path="reports" element={<Reports />} />
|
|
<Route path="notifications" element={<Notifications />} />
|
|
</Route>
|
|
</Routes>
|
|
);
|
|
};
|
|
|
|
function App() {
|
|
return (
|
|
<ErrorBoundary>
|
|
<QueryClientProvider client={queryClient}>
|
|
<ThemeProvider>
|
|
<ToastProvider>
|
|
<AuthProvider>
|
|
<Router>
|
|
<AppRoutes />
|
|
</Router>
|
|
</AuthProvider>
|
|
</ToastProvider>
|
|
</ThemeProvider>
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</QueryClientProvider>
|
|
</ErrorBoundary>
|
|
);
|
|
}
|
|
|
|
export default App;
|