fixed product add and delete

FacuEM · Feb 24, 2021 · 4c0dfb1 · 4c0dfb1
1 parent a01f17e
commit 4c0dfb1
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 13 deletions.
diff --git a/src/components/Directory/index.js b/src/components/Directory/index.js
@@ -1,4 +1,6 @@
 import React from "react";
+import { Link } from "react-router-dom";
+
 import ShopMen from "./../../assets/shopMens.jpg";
 import ShopWomen from "./../../assets/shopWomens.jpg";
 import "./styles.scss";
@@ -7,11 +9,21 @@ const Directory = () => {
   return (
     <div className="directory">
       <div className="wrap">
-        <div className="item" style={{ backgroundImage: `url(${ShopMen})` }}>
-          <a>Shop Mens</a>
+        <div
+          className="item"
+          style={{
+            backgroundImage: `url(${ShopWomen})`,
+          }}
+        >
+          <Link to="/search/womens">Shop Womens</Link>
         </div>
-        <div className="item" style={{ backgroundImage: `url(${ShopWomen})` }}>
-          <a>Shop Womens</a>
+        <div
+          className="item"
+          style={{
+            backgroundImage: `url(${ShopMen})`,
+          }}
+        >
+          <Link to="/search/mens">Shop Mens</Link>
         </div>
       </div>
     </div>

diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
@@ -4,12 +4,12 @@ import "./styles.scss";
 const Modal = ({ hideModal, toggleModal, children }) => {
   if (hideModal) return null;
 
-  return (
-    <>
-      <div className="modalOverlay" onClick={() => toggleModal()} />{" "}
+  return [
+    <div className="modalOverlay" onClick={() => toggleModal()} />,
+    <div className="modalWrap">
       <div className="modal">{children}</div>
-    </>
-  );
+    </div>,
+  ];
 };
 
 export default Modal;
diff --git a/src/pages/Admin/index.js b/src/pages/Admin/index.js
@@ -5,6 +5,7 @@ import {
   fetchProductsStart,
   deleteProductStart,
 } from "./../../redux/Product/products.action";
+
 import Modal from "./../../components/Modal";
 import FormInput from "./../../components/forms/FormInput";
 import FormSelect from "./../../components/forms/FormSelect";

diff --git a/src/pages/Homepage/index.js b/src/pages/Homepage/index.js
@@ -2,7 +2,7 @@ import React from "react";
 import Directory from "../../components/Directory";
 import "./styles.scss";
 
-const Homepage = (props) => {
+const Homepage = () => {
   return (
     <section className="homepage">
       <Directory />

diff --git a/src/redux/Product/products.reducers.js b/src/redux/Product/products.reducers.js
@@ -1,4 +1,5 @@
 import productsTypes from "./products.types";
+import productTypes from "./products.types";
 
 const INITIAL_STATE = {
   products: [],
@@ -7,10 +8,16 @@ const INITIAL_STATE = {
 
 const productsReducer = (state = INITIAL_STATE, action) => {
   switch (action.type) {
-    case productsTypes.SET_PRODUCTS:
-      return { ...state, products: action.payload };
+    case productTypes.SET_PRODUCTS:
+      return {
+        ...state,
+        products: action.payload,
+      };
     case productsTypes.SET_PRODUCT:
-      return { ...state, product: action.payload };
+      return {
+        ...state,
+        product: action.payload,
+      };
     default:
       return state;
   }