source: frontend/src/App.js

import "./App.css";
import Home from "./screens/HomeWithJumbo";
import ProductScreen from "./screens/ProductScreen";
import Test from "./screens/ProductScreenBootstrap";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import { useContext } from "react";
import { Store } from "./Store";
import Header from "./components/Header";
import Footer from "./components/Footer";
import CartScreen from "./screens/CartScreen";
import CategoryScreen from "./screens/CategoryScreen";
import SigninScreen from "./screens/SigninScreen";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import ShippingAddressScreen from "./screens/ShippingAddressScreen";
import SignupScreen from "./screens/SignupScreen";
import PaymentMethodScreen from "./screens/PaymentMethodScreen";
import PlaceOrderScreen from "./screens/PlaceOrderScreen";
import OrderScreen from "./screens/OrderScreen";
import CardPaymentScreen from "./screens/CardPaymentScreen";
import OrderHistoryScreen from "./screens/OrderHistoryScreen";
import ProfileScreen from "./screens/ProfileScreen";
import AdminDashboardScreen from "./screens/AdminDashboardScreen";
import ListProducts from "./components/ListProducts";
import AdminAddProductScreen from "./screens/AdminAddProductScreen";
import AdminProductsScreen from "./screens/AdminProductsScreen";
import AdminEditProductScreen from "./screens/AdminEditProductScreen";
import AdminOrdersScreen from "./screens/AdminOrdersScreen";
import AdminOrderScreen from "./screens/AdminOrderScreen";
import AdminAddCategoryScreen from "./screens/AdminAddCategoryScreen";
import SearchScreen from "./screens/SearchScreen";
function App() {
  const { state } = useContext(Store);
  const { cart } = state;
  //<Route path="/search" element={<AdminProductsScreen />} />
  return (
    <BrowserRouter>
      <ToastContainer position="bottom-center" limit={1} />
      <Header />

      <Routes>
        <Route path="/product/:slug" element={<Test />} />
        <Route path="/" element={<Home />} />
        <Route path="/cart" element={<CartScreen />} />
        <Route path="/signin" element={<SigninScreen />} />
        <Route path="/signup" element={<SignupScreen />} />
        <Route path="/shipping" element={<ShippingAddressScreen />} />
        <Route path="/payment" element={<PaymentMethodScreen />} />
        <Route path="/placeorder" element={<PlaceOrderScreen />} />
        <Route path="placeorder/payment" element={<CardPaymentScreen />} />
        <Route path="/orderhistory" element={<OrderHistoryScreen />} />
        <Route path="/profile" element={<ProfileScreen />} />
        <Route path="/order/:id" element={<OrderScreen />} />
        <Route
          path="/products/:category/:subCategory"
          element={<CategoryScreen />}
        />
        <Route path="/products/search" element={<SearchScreen />} />
        <Route path="/admin/dashboard" element={<AdminDashboardScreen />} />
        <Route path="/admin/addProduct" element={<AdminAddProductScreen />} />
        <Route
          path="/admin/addCategory"
          element={<AdminAddCategoryScreen />}
        ></Route>
        <Route path="/admin/products" element={<AdminProductsScreen />} />
        <Route path="/admin/orders" element={<AdminOrdersScreen />} />
        <Route path="/admin/order/:id" element={<AdminOrderScreen />} />
        <Route
          path="/admin/product/:slug"
          element={<AdminEditProductScreen />}
        />
      </Routes>

      <Footer />
    </BrowserRouter>
  );
}

export default App;