36 lines
1.4 KiB
JavaScript
36 lines
1.4 KiB
JavaScript
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
|
|
import useAuthStore from './store/authStore'
|
|
import AppLayout from './layouts/AppLayout'
|
|
import LoginPage from './pages/LoginPage'
|
|
import OperationsPage from './pages/OperationsPage'
|
|
import TablesPage from './pages/TablesPage'
|
|
import OrderDetailPage from './pages/OrderDetailPage'
|
|
import ManagementPage from './pages/ManagementPage'
|
|
import ReportsPage from './pages/ReportsPage'
|
|
import SettingsPage from './pages/Settings/SettingsPage'
|
|
|
|
function RequireAuth({ children }) {
|
|
const token = useAuthStore(s => s.token)
|
|
return token ? children : <Navigate to="/login" replace />
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route path="/" element={<RequireAuth><AppLayout /></RequireAuth>}>
|
|
<Route index element={<Navigate to="/operations" replace />} />
|
|
<Route path="dashboard" element={<Navigate to="/operations" replace />} />
|
|
<Route path="operations" element={<OperationsPage />} />
|
|
<Route path="tables" element={<TablesPage />} />
|
|
<Route path="orders/:orderId" element={<OrderDetailPage />} />
|
|
<Route path="management" element={<ManagementPage />} />
|
|
<Route path="reports" element={<ReportsPage />} />
|
|
<Route path="settings" element={<SettingsPage />} />
|
|
</Route>
|
|
</Routes>
|
|
</BrowserRouter>
|
|
)
|
|
}
|