87 lines
2.1 KiB
TypeScript
87 lines
2.1 KiB
TypeScript
import { Navigate, Route, Routes } from 'react-router-dom'
|
|
import { LoginPage } from './pages/Login'
|
|
import { DashboardPage } from './pages/Dashboard'
|
|
import { CartPage } from './pages/Cart'
|
|
import { CheckoutPage } from './pages/Checkout'
|
|
import { ProfilePage } from './pages/Profile'
|
|
import { OrdersPage } from './pages/Orders'
|
|
import { InventoryPage } from './pages/Inventory'
|
|
import { CompanyPage } from './pages/Company'
|
|
import { SellerDashboardPage } from './pages/SellerDashboard'
|
|
import { ProtectedRoute } from './components/ProtectedRoute'
|
|
|
|
function App() {
|
|
return (
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route
|
|
path="/dashboard"
|
|
element={
|
|
<ProtectedRoute>
|
|
<DashboardPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/cart"
|
|
element={
|
|
<ProtectedRoute>
|
|
<CartPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/checkout"
|
|
element={
|
|
<ProtectedRoute>
|
|
<CheckoutPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/orders"
|
|
element={
|
|
<ProtectedRoute>
|
|
<OrdersPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/inventory"
|
|
element={
|
|
<ProtectedRoute>
|
|
<InventoryPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/company"
|
|
element={
|
|
<ProtectedRoute>
|
|
<CompanyPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/seller-dashboard"
|
|
element={
|
|
<ProtectedRoute>
|
|
<SellerDashboardPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/profile"
|
|
element={
|
|
<ProtectedRoute allowedRoles={['admin']}>
|
|
<ProfilePage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route path="/search" element={<Navigate to="/dashboard" replace />} />
|
|
<Route path="*" element={<Navigate to="/dashboard" replace />} />
|
|
</Routes>
|
|
)
|
|
}
|
|
|
|
export default App
|