1 | import "./App.css";
|
---|
2 | import Home from "./screens/HomeWithJumbo";
|
---|
3 | import ProductScreen from "./screens/ProductScreen";
|
---|
4 | import Test from "./screens/ProductScreenBootstrap";
|
---|
5 | import { BrowserRouter, Route, Routes } from "react-router-dom";
|
---|
6 | import { useContext } from "react";
|
---|
7 | import { Store } from "./Store";
|
---|
8 | import Header from "./components/Header";
|
---|
9 | import Footer from "./components/Footer";
|
---|
10 | import CartScreen from "./screens/CartScreen";
|
---|
11 | import CategoryScreen from "./screens/CategoryScreen";
|
---|
12 | import SigninScreen from "./screens/SigninScreen";
|
---|
13 | import { ToastContainer } from "react-toastify";
|
---|
14 | import "react-toastify/dist/ReactToastify.css";
|
---|
15 | import ShippingAddressScreen from "./screens/ShippingAddressScreen";
|
---|
16 | import SignupScreen from "./screens/SignupScreen";
|
---|
17 | import PaymentMethodScreen from "./screens/PaymentMethodScreen";
|
---|
18 | import PlaceOrderScreen from "./screens/PlaceOrderScreen";
|
---|
19 | import OrderScreen from "./screens/OrderScreen";
|
---|
20 | import CardPaymentScreen from "./screens/CardPaymentScreen";
|
---|
21 | import OrderHistoryScreen from "./screens/OrderHistoryScreen";
|
---|
22 | import ProfileScreen from "./screens/ProfileScreen";
|
---|
23 |
|
---|
24 | function App() {
|
---|
25 | const { state } = useContext(Store);
|
---|
26 | const { cart } = state;
|
---|
27 | return (
|
---|
28 | <BrowserRouter>
|
---|
29 | <ToastContainer position="bottom-center" limit={1} />
|
---|
30 | <Header />
|
---|
31 |
|
---|
32 | <Routes>
|
---|
33 | <Route path="/product/:slug" element={<Test />} />
|
---|
34 | <Route path="/" element={<Home />} />
|
---|
35 | <Route path="/cart" element={<CartScreen />} />
|
---|
36 | <Route path="/signin" element={<SigninScreen />} />
|
---|
37 | <Route path="/signup" element={<SignupScreen />} />
|
---|
38 | <Route path="/shipping" element={<ShippingAddressScreen />} />
|
---|
39 | <Route path="/payment" element={<PaymentMethodScreen />} />
|
---|
40 | <Route path="/placeorder" element={<PlaceOrderScreen />} />
|
---|
41 | <Route path="placeorder/payment" element={<CardPaymentScreen />} />
|
---|
42 | <Route path="/orderhistory" element={<OrderHistoryScreen />} />
|
---|
43 | <Route path="/profile" element={<ProfileScreen />} />
|
---|
44 | <Route path="/order/:id" element={<OrderScreen />} />
|
---|
45 | <Route path="/products" element={<CategoryScreen />} />
|
---|
46 | </Routes>
|
---|
47 |
|
---|
48 | <Footer />
|
---|
49 | </BrowserRouter>
|
---|
50 | );
|
---|
51 | }
|
---|
52 |
|
---|
53 | export default App;
|
---|