30 lines
880 B
TypeScript
30 lines
880 B
TypeScript
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
|
import Header from './Header';
|
|
import LoginPage from './LoginPage';
|
|
import ProductList from './ProductList';
|
|
import ProductDetail from './ProductDetail';
|
|
import CartPage from './CartPage';
|
|
import { CartProvider } from './CartContext';
|
|
import { AuthProvider } from './AuthContext';
|
|
|
|
function App() {
|
|
return (
|
|
<Router>
|
|
<AuthProvider>
|
|
<CartProvider>
|
|
<Header />
|
|
<main>
|
|
<Routes>
|
|
<Route path="/" element={<ProductList />} />
|
|
<Route path="/product/:id" element={<ProductDetail />} />
|
|
<Route path="/cart" element={<CartPage />} />
|
|
<Route path="/login" element={<LoginPage />} />
|
|
</Routes>
|
|
</main>
|
|
</CartProvider>
|
|
</AuthProvider>
|
|
</Router>
|
|
)
|
|
}
|
|
|
|
export default App; |