From f216366ed45ff85ada9300a62afec13336d49b67 Mon Sep 17 00:00:00 2001
From: Square <aayushk4980@gmail.com>
Date: Sat, 20 Jul 2024 17:34:15 +0530
Subject: [PATCH] Updated routes

---
 src/components/home/ProductCategoryCard.jsx |  2 +-
 src/components/nav/Nav.jsx                  | 12 ++++++------
 src/components/products/ProductCard.jsx     |  2 +-
 src/components/wishlist/WishlistItem.jsx    |  4 ++--
 src/main.jsx                                | 14 +++++++-------
 vite.config.js                              |  1 +
 6 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/home/ProductCategoryCard.jsx b/src/components/home/ProductCategoryCard.jsx
index c9f75e7..0d033d7 100644
--- a/src/components/home/ProductCategoryCard.jsx
+++ b/src/components/home/ProductCategoryCard.jsx
@@ -5,7 +5,7 @@ export default function ProductCategoryCard({ productName, productImg }) {
 
     return (
         <NavLink
-            to={'/products'}
+            to={'/E-Commerce/products'}
             className="flex flex-col items-center justify-center gap-2 max-w-[90vw] m-auto hover:outline"
         >
             <img src={productImg} alt="earphone" className="h-60 max-w-[80%] md:max-w-fit" />
diff --git a/src/components/nav/Nav.jsx b/src/components/nav/Nav.jsx
index 7bba9f4..2953d05 100644
--- a/src/components/nav/Nav.jsx
+++ b/src/components/nav/Nav.jsx
@@ -10,23 +10,23 @@ export default function Nav() {
     const navigationLinks = [
         {
             linkText: 'Products',
-            linkTo: '/products'
+            linkTo: '/E-Commerce/products'
         },
         {
             linkText: 'Wishlist',
-            linkTo: '/wishlist'
+            linkTo: '/E-Commerce/wishlist'
         },
         {
             linkText: 'MyCart',
-            linkTo: '/cart'
+            linkTo: '/E-Commerce/cart'
         },
         {
             linkText: 'Account',
-            linkTo: '/account'
+            linkTo: '/E-Commerce/account'
         },
         {
-            linkText: 'Logout',
-            linkTo: '/'
+            linkText: 'Login',
+            linkTo: '/E-Commerce.login'
         },
     ];
 
diff --git a/src/components/products/ProductCard.jsx b/src/components/products/ProductCard.jsx
index d09731d..40a7bda 100644
--- a/src/components/products/ProductCard.jsx
+++ b/src/components/products/ProductCard.jsx
@@ -64,7 +64,7 @@ export default function ProductCard({ productDetails }) {
                 />
             </button>
 
-                <Link to={`/products/${productName}`}>
+                <Link to={`/E-Commerce/products/${productName}`}>
                 <img src={productImg} alt="" className="block m-auto h-60" />
 
                 <div className="flex flex-row items-start justify-between my-4">
diff --git a/src/components/wishlist/WishlistItem.jsx b/src/components/wishlist/WishlistItem.jsx
index 8aacf74..0f54f19 100644
--- a/src/components/wishlist/WishlistItem.jsx
+++ b/src/components/wishlist/WishlistItem.jsx
@@ -36,7 +36,7 @@ export default function WishlistItem({ item }) {
                 />
             </button>
 
-            <Link to={`/products/${itemName}`}>
+            <Link to={`/E-Commerce/products/${itemName}`}>
                 <img src={itemImage} alt={itemName} className="block m-auto h-60" />
 
                 <div className="flex flex-row items-start justify-between my-4">
@@ -73,7 +73,7 @@ export default function WishlistItem({ item }) {
 
             {inCart ? (
                 <Link
-                    to="/cart"
+                    to="/E-Commerce/cart"
                     className="block text-center bg-slate-900 border-2 border-slate-900 text-white w-full mt-4 rounded-md py-[6px] tracking-wider uppercase hover:text-slate-900 hover:bg-white duration-300"
                 >
                     Go to Cart
diff --git a/src/main.jsx b/src/main.jsx
index 2fcdb13..5d3a186 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -13,14 +13,14 @@ import Login from './components/login/Login.jsx';
 
 const router = createBrowserRouter(
   createRoutesFromElements(
-    <Route path='/' element={<App />}>
+    <Route path='/E-Commerce/' element={<App />}>
       <Route index element={<Home />} />
-      <Route path='/products' element={<Product />} />
-      <Route path='/products/:productname' element={<ProductDetail />} />
-      <Route path='/cart' element={<Cart />} />
-      <Route path='/wishlist' element={<Wishlist />} />
-      <Route path='/account' element={<Account />} />
-      <Route path='/login' element={<Login />} />
+      <Route path='/E-Commerce/products' element={<Product />} />
+      <Route path='/E-Commerce/products/:productname' element={<ProductDetail />} />
+      <Route path='/E-Commerce/cart' element={<Cart />} />
+      <Route path='/E-Commerce/wishlist' element={<Wishlist />} />
+      <Route path='/E-Commerce/account' element={<Account />} />
+      <Route path='/E-Commerce/login' element={<Login />} />
     </Route>
   )
 );
diff --git a/vite.config.js b/vite.config.js
index 5a33944..8650886 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,4 +4,5 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: "/E-Commerce"
 })