Bulk Edits

joblessgod · joblessgod · commit 2976ded4ebb8 · 2024-05-16T16:30:55.000+05:45
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,18 +1,20 @@
+import axios from "axios";
 import React, { useEffect, useState } from "react";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { useDispatch } from "react-redux";
+import { setReduxUser } from "./redux/slice/user";
 
 /* Pages Import */
-import Home from "./pages/Home";
+import Home from "./components/home/Home";
+import RootComponent from "./components/Common/RootComponent";
+import Slug from "./pages/products/Slug";
 import Blogs from "./pages/Blogs";
 import Login from "./pages/Login";
 import Signup from "./pages/Signup";
 import Contact from "./pages/Contact";
 import Pages from "./pages/Pages";
-import Products from "./pages/Products";
-import RootComponent from "./components/RootComponent";
-import axios from "axios";
-import { useDispatch } from "react-redux";
-import { setReduxUser } from "./redux/slice/user";
+import Product from "./pages/products/Product";
+import Products from "./pages/products/Product";
 
 const router = createBrowserRouter([
   {
@@ -23,10 +25,13 @@ const router = createBrowserRouter([
         path: "",
         element: <Home />,
       },
-
       {
-        path: "products",
-        element: <Products />,
+        path: "product",
+        element: <Products/>,
+      },
+      {
+        path: ":slug",
+        element: <Slug />,
       },
       {
         path: "pages",
diff --git a/src/components/Common/BreadCrumb.jsx b/src/components/Common/BreadCrumb.jsx
diff --git a/src/components/Common/Footer.jsx b/src/components/Common/Footer.jsx
diff --git a/src/components/Common/Header.jsx b/src/components/Common/Header.jsx
@@ -12,7 +12,7 @@ import { FaAngleDown } from "react-icons/fa";
 import { FaCartArrowDown } from "react-icons/fa6";
 import { MdOutlinePhoneInTalk } from "react-icons/md";
 import { useDispatch, useSelector } from "react-redux";
-import { setLogOut } from "../redux/slice/user";
+import { setLogOut } from "../../redux/slice/user";
 
 export default function Header() {
   const user = useSelector((store) => store.user.value);
diff --git a/src/components/Common/RootComponent.jsx b/src/components/Common/RootComponent.jsx
diff --git a/src/components/home/Banner.jsx b/src/components/home/Banner.jsx
diff --git a/src/components/home/Home.jsx b/src/components/home/Home.jsx
@@ -1,8 +1,8 @@
-import Banner from "../pages/home/components/Banner";
+import Banner from "./Banner";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import Slider from "react-slick";
-import Products from "../pages/Products";
+import Products from "../../pages/products/Product";
 import axios from "axios";
 import React, { useEffect, useState } from "react";
 import Skeleton from "react-loading-skeleton";
diff --git a/src/pages/Blogs.jsx b/src/pages/Blogs.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import BreadCrumb from "../components/BreadCrumb";
+import BreadCrumb from "../components/Common/BreadCrumb";
 
 export default function Blogs() {
   return (
@@ -14,5 +14,5 @@ export default function Blogs() {
       />
       <div>Blogs</div>
     </>
-  );
+  );    
 }
diff --git a/src/pages/Contact.jsx b/src/pages/Contact.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import BreadCrumb from "../components/BreadCrumb";
+import BreadCrumb from "../components/Common/BreadCrumb";
 
 export default function Contact() {
   return (
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
-import BreadCrumb from "../components/BreadCrumb";
+import BreadCrumb from "../components/Common/BreadCrumb";
 import axios from "axios";
 import { useDispatch } from "react-redux";
 import { toast } from "react-toastify";
diff --git a/src/pages/Pages.jsx b/src/pages/Pages.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import BreadCrumb from "../components/BreadCrumb";
+import BreadCrumb from "../components/Common/BreadCrumb";
 
 export default function Pages() {
   return (
diff --git a/src/pages/Products.jsx b/src/pages/Products.jsx
diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx
@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
-import footerImg from "/assets/loginFooter.png";
-import BreadCrumb from "../components/BreadCrumb";
+import BreadCrumb from "../components/Common/BreadCrumb";
 import axios from "axios";
 import { toast } from "react-toastify";
 
diff --git a/src/pages/products/Product.jsx b/src/pages/products/Product.jsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { FaCartPlus } from "react-icons/fa";
+import BreadCrumb from "../../components/Common/BreadCrumb";
+import { useNavigate } from "react-router-dom";
+
+export default function Products(props) {
+  const navigate = useNavigate();
+  return (
+    <>
+    <div onClick={() => {
+      navigate(`/products/${props.id}`)
+    }}>
+
+      <div className=" group relative shadow-[0px_0px_25px_0px_rgba(0,0,0,0.1)]  ">
+        <div
+          onClick={(e) => {
+            e.stopPropagation();
+          }}
+          className=" absolute left-[11px] top-[11px] hidden h-[30px] w-[30px] items-center justify-center rounded-full border border-primary transition-all hover:cursor-pointer !hover:text-secondary group-hover:flex"
+        >
+          <FaCartPlus className="text-primary " />
+        </div>
+        <img
+          src={props.image}
+          className="mx-auto mb-[10px] mt-[32px] h-[150px] w-full object-cover "
+        />
+        <div className="bg-white p-[15px]  text-center  transition-all group-hover:bg-primary  group-hover:text-white">
+          <p>{props.name}</p>
+          <p>Code - Y523201</p>
+          <p>${props.price}</p>
+        </div>
+      </div>
+    </div>
+
+    </>
+  );
+}
diff --git a/src/pages/products/Slug.jsx b/src/pages/products/Slug.jsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function Slug() {
+  return (
+    <div>Slug</div>
+  )
+}
diff --git a/src/redux/slice/cart.js b/src/redux/slice/cart.js
@@ -0,0 +1,13 @@
+import { createSlice } from '@reduxjs/toolkit'
+export const CartSlice = createSlice({
+    name: 'cart',
+    initialState: {
+        value: null
+    },
+    reducers: {
+        
+    }
+})
+
+export const { setReduxCart: setReduxCart, setLogOut } = CartSlice.actions
+export default CartSlice.reducer
diff --git a/src/redux/slice/user.js b/src/redux/slice/user.js
@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit'
 export const userSlice = createSlice({
-    name: 'user',
+    name: 'cart',
     initialState: {
         value: null
     },
diff --git a/src/redux/store.js b/src/redux/store.js
@@ -1,8 +1,10 @@
 import { configureStore } from '@reduxjs/toolkit'
 import userReducer from "./slice/user"
+import cartReducer from "./slice/cart"
 
 export default configureStore({
   reducer: {
-    user: userReducer
+    user: userReducer,
+    cart: cartReducer
   }
 })
