From 7d62a6255660c811defed812e937d99abfebac1b Mon Sep 17 00:00:00 2001
From: amir hosein gorji <amirhosein.gorji@gmail.com>
Date: Sun, 12 Jun 2022 08:56:12 +0430
Subject: [PATCH] update 107 files

---
 src/components/Checkbox/index.js              | 16 ++++++--
 src/components/Footer/index.js                |  4 +-
 src/components/Navbar/index.js                |  1 +
 src/components/ProductImage/index.js          |  5 ++-
 src/components/StarRating/index.js            | 18 ++++++---
 src/redux/proxy.js                            | 38 ++++++++++---------
 src/views/Dashboard/layouts/Mobile/List.js    | 12 +++---
 .../layouts/Mobile/ProfileBookmark/index.js   |  4 +-
 src/views/Home/Desktop/Part2/index.js         |  6 +--
 src/views/Home/Desktop/Part4/index.js         |  9 +++--
 src/views/Products/layouts/Desktop/Main.js    | 18 ++++-----
 src/views/ShoppingCart/index.js               | 10 +++--
 src/views/Video/components/Desktop/Videos.js  |  5 +--
 13 files changed, 88 insertions(+), 58 deletions(-)

diff --git a/src/components/Checkbox/index.js b/src/components/Checkbox/index.js
index 5ec709b..ba4e5f0 100644
--- a/src/components/Checkbox/index.js
+++ b/src/components/Checkbox/index.js
@@ -1,5 +1,5 @@
 import React from "react";
-import './index.css';
+import "./index.css";
 
 export default function Checkbox(props) {
   return (
@@ -16,8 +16,16 @@ export default function Checkbox(props) {
       </svg>
 
       <div className="checkbox-container">
-        <input className="checkbox-input" name={props.name} id={"ch"+props.name} type="checkbox" checked={props.checked} onClick={props.onclick} onChange={props.onChange}/>
-        <label className="checkbox" htmlFor={"ch"+props.name}>
+        <input
+          className="checkbox-input"
+          name={props.name}
+          id={"ch" + props.name}
+          type="checkbox"
+          checked={props.checked}
+          onClick={props.onclick}
+          onChange={props.onChange}
+        />
+        <label className="checkbox" htmlFor={"ch" + props.name}>
           <span>
             <svg width="12px" height="10px">
               <use xlinkHref="#check"></use>
@@ -27,4 +35,4 @@ export default function Checkbox(props) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index 0e27123..bb48ed3 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -59,7 +59,7 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
                 <strong className="text-xl text-gray70">{item.name}</strong>
                 <ul className="flex flex-col mt-0">
                   {item.links.map((link, index) => (
-                    <li className="mt-6">
+                    <li className="mt-6" key={index}>
                       <Link
                         className="text-gray70 text-base"
                         to={link.link}
@@ -174,5 +174,5 @@ FooterDesign1.defaultProps = {
   ],
   bg: "bg-white",
   color: "text-gray-600",
-  hasHeader : true
+  hasHeader: true,
 };
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
index e47dfc8..3e9c3e3 100644
--- a/src/components/Navbar/index.js
+++ b/src/components/Navbar/index.js
@@ -62,6 +62,7 @@ function Navbar({
 
   useEffect(() => {
     if (!isMobile && isLogin) {
+      console.log(111)
       getCartProducts();
     }
   }, [isLogin]);
diff --git a/src/components/ProductImage/index.js b/src/components/ProductImage/index.js
index ab66dd7..639b693 100644
--- a/src/components/ProductImage/index.js
+++ b/src/components/ProductImage/index.js
@@ -20,7 +20,10 @@ const ProductImage = ({ images }) => {
       >
         {list?.slice(0, 4)?.map((image, index) => (
           <div
-            className={`relative flex justify-center items-center ${ activeImage === image ? 'bg-green-200' : 'bg-gray-200'}`}
+            key={index}
+            className={`relative flex justify-center items-center ${
+              activeImage === image ? "bg-green-200" : "bg-gray-200"
+            }`}
             style={{
               width: "calc(100vw / 5 / 4 - 4px)",
               height: "calc(100vw / 5 / 4 - 4px)",
diff --git a/src/components/StarRating/index.js b/src/components/StarRating/index.js
index f4e4e81..1b04634 100644
--- a/src/components/StarRating/index.js
+++ b/src/components/StarRating/index.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useMemo } from "react";
 import StarRatingComponent from "react-star-rating-component";
 import { userVote, userProduct } from "../../redux/actions";
 import { connect } from "react-redux";
@@ -8,11 +8,18 @@ import location from "../../utils/location";
 import starGrayIcon from "../../assets/icons/starGray.svg";
 import starYellowIcon from "../../assets/icons/starYellow.svg";
 
-function StarRating({ value, size, addVote, userProducts, getUserProducts }) {
+function StarRating({
+  value,
+  size,
+  addVote,
+  userProducts,
+  getUserProducts,
+  isLogin,
+}) {
   const [rate, setRating] = React.useState(null);
 
-  React.useEffect(() => {
-    getUserProducts();
+  useMemo(() => {
+    if (isLogin) getUserProducts();
   }, []);
 
   React.useEffect(() => {
@@ -55,11 +62,12 @@ function StarRating({ value, size, addVote, userProducts, getUserProducts }) {
 
 const mapStateToProps = (state) => ({
   userProducts: state.userProduct.list,
+  isLogin: state.user.status,
 });
 
 const mapDispatchToProps = {
   addVote: userVote.add,
-  getUserProducts: userProduct.list,
+  getUserProducts: userProduct.list || [],
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(StarRating);
diff --git a/src/redux/proxy.js b/src/redux/proxy.js
index 23bc497..2eaf520 100644
--- a/src/redux/proxy.js
+++ b/src/redux/proxy.js
@@ -19,21 +19,21 @@ class Proxy {
       async () => await Axios.get(url, { params, ...opt }),
       data || params
     );
-  post = async (url, params, opt, data ) =>
+  post = async (url, params, opt, data) =>
     await this.check(
       url,
       opt,
       async () => await Axios.post(url, params, opt),
       data || params
     );
-  put = async (url , params , opt , data ) =>
+  put = async (url, params, opt, data) =>
     await this.check(
       url,
       opt,
       async () => await Axios.put(url, params, opt),
       data || params
     );
-  delete = async (url , params , opt , data ) => {
+  delete = async (url, params, opt, data) => {
     await this.check(
       url,
       opt,
@@ -42,7 +42,7 @@ class Proxy {
     );
   };
 
-  check = async (url , { dispatch } , fetch , params ) => {
+  check = async (url, { dispatch }, fetch, params) => {
     dispatch = dispatch || (() => {});
     dispatch({ type: url.split("/")[0] + "/" + "loading" });
     let response = await fetch();
@@ -51,7 +51,8 @@ class Proxy {
         dispatch({ type: url, data: response.data.data, params });
         return response.data.data;
       case 401:
-        if (await this.refresh()) {
+        let refresh = localStorage.getItem("refresh");
+        if (refresh && (await this.refresh(refresh))) {
           let response = await fetch();
           dispatch({ type: url, data: response.data.data, params });
           return response.data.data;
@@ -69,17 +70,20 @@ class Proxy {
 
   refresh = async () => {
     let refresh = localStorage.getItem("refresh");
-    if (!refresh) window.location.href = "/";
-    let login = await this.login(
-      "user/login",
-      {},
-      { headers: { Authorization: `Bearer ${refresh}` } }
-    );
-    return login ? true : false;
+
+    if (!refresh) return false;
+    //window.location.href = "/";
+    // let login = await this.login(
+    //   "user/login",
+    //   {},
+    //   { headers: { Authorization: `Bearer ${refresh}` } }
+    // );
+    // return login ? true : false;
+    return false;
   };
-  login = async (url , params , { dispatch } ) =>
+  login = async (url, params, { dispatch }) =>
     this.post(url, params, {
-      dispatch: (obj ) => {
+      dispatch: (obj) => {
         let login = obj.data;
         if (!login || !login.refreshToken) return false;
         localStorage.setItem("refresh", login.refreshToken);
@@ -91,9 +95,9 @@ class Proxy {
       },
     });
 
-  logout = async (url , params , { dispatch } ) => {
+  logout = async (url, params, { dispatch }) => {
     this.post(url, params, {
-      dispatch: (obj ) => {
+      dispatch: (obj) => {
         localStorage.removeItem("refresh");
         localStorage.removeItem("access");
         localStorage.removeItem("userData");
@@ -112,7 +116,7 @@ class Proxy {
       return false;
     }
 
-    return JSON.parse(userData || '');
+    return JSON.parse(userData || "");
   };
 }
 const _proxy = new Proxy();
diff --git a/src/views/Dashboard/layouts/Mobile/List.js b/src/views/Dashboard/layouts/Mobile/List.js
index 56bb530..e9210ba 100644
--- a/src/views/Dashboard/layouts/Mobile/List.js
+++ b/src/views/Dashboard/layouts/Mobile/List.js
@@ -4,12 +4,12 @@ import { Link } from "react-router-dom";
 import { useNavigate } from "react-router-dom";
 
 //assets
-import userGreenIcon from '../../../../assets/icons/user-green.svg';
-import videoGreenIcon from '../../../../assets/icons/video-green.svg';
-import cartGreenIcon from '../../../../assets/icons/cart-green.svg';
-import bookmarkGreenIcon from '../../../../assets/icons/bookmark-green.svg';
-import bookGreenIcon from '../../../../assets/icons/book-green.svg';
-import addressGreenIcon from '../../../../assets/icons/address-green.svg';
+import userGreenIcon from "../../../../assets/icons/user-green.svg";
+import videoGreenIcon from "../../../../assets/icons/video-green.svg";
+import cartGreenIcon from "../../../../assets/icons/cart-green.svg";
+import bookmarkGreenIcon from "../../../../assets/icons/bookmark-green.svg";
+import bookGreenIcon from "../../../../assets/icons/book-green.svg";
+import addressGreenIcon from "../../../../assets/icons/address-green.svg";
 
 const List = ({ mobile }) => {
   const pages = [
diff --git a/src/views/Dashboard/layouts/Mobile/ProfileBookmark/index.js b/src/views/Dashboard/layouts/Mobile/ProfileBookmark/index.js
index 5ae16a6..f179ed9 100644
--- a/src/views/Dashboard/layouts/Mobile/ProfileBookmark/index.js
+++ b/src/views/Dashboard/layouts/Mobile/ProfileBookmark/index.js
@@ -83,7 +83,9 @@ const Bookmark = ({ bookmark }) => {
   return (
     <Pressable
       style={[
-        tw("flex flex-row-reverse rounded-md justify-between px-3.5 py-2 bg-red-100"),
+        tw(
+          "flex flex-row-reverse rounded-md justify-between px-3.5 py-2 bg-red-100"
+        ),
         {
           borderWidth: 1.5,
           borderColor: Colors.theme1[colorScheme].greenCF,
diff --git a/src/views/Home/Desktop/Part2/index.js b/src/views/Home/Desktop/Part2/index.js
index 456e6d1..d84f7e5 100644
--- a/src/views/Home/Desktop/Part2/index.js
+++ b/src/views/Home/Desktop/Part2/index.js
@@ -42,9 +42,9 @@ const Part2 = ({ books }) => {
                     transform="translate(4.08 8.95)"
                     fill="none"
                     stroke="#55A630"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2.5"
                   />
                   <path
                     id="Vector-2"
diff --git a/src/views/Home/Desktop/Part4/index.js b/src/views/Home/Desktop/Part4/index.js
index 2b9d47d..17389c7 100644
--- a/src/views/Home/Desktop/Part4/index.js
+++ b/src/views/Home/Desktop/Part4/index.js
@@ -34,9 +34,9 @@ const Part4 = ({ books, grades }) => {
                     transform="translate(4.08 8.95)"
                     fill="none"
                     stroke="#55A630"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2.5"
                   />
                   <path
                     id="Vector-2"
@@ -57,8 +57,9 @@ const Part4 = ({ books, grades }) => {
         style={{}}
       >
         <ul className="flex flex-wrap justify-center ">
-          {books?.slice(0,6)?.map((video, index) => (
+          {books?.slice(0, 6)?.map((video, index) => (
             <li
+              key={index}
               className={`flex flex-col border-solid border-gray-200 ${
                 index != 3 && index != 4 && index != 5 ? "border-b" : null
               } video ${index != 0 && index != 3 ? "border-r" : null}`}
diff --git a/src/views/Products/layouts/Desktop/Main.js b/src/views/Products/layouts/Desktop/Main.js
index 2a80afd..80f6f8b 100644
--- a/src/views/Products/layouts/Desktop/Main.js
+++ b/src/views/Products/layouts/Desktop/Main.js
@@ -146,9 +146,9 @@ export const Main = ({
                   transform="translate(632.13 710)"
                   fill="none"
                   stroke="rgba(6, 186, 206"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="1.5"
                 />
                 <path
                   id="Vector-2"
@@ -157,9 +157,9 @@ export const Main = ({
                   transform="translate(635.03 713.58)"
                   fill="none"
                   stroke="rgba(6, 186, 206"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="1.5"
                 />
                 <path
                   id="Vector-3"
@@ -177,9 +177,9 @@ export const Main = ({
                     transform="translate(623.31 702)"
                     fill="none"
                     stroke="rgba(6, 186, 206"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="1.5"
                   />
                 </g>
               </g>
diff --git a/src/views/ShoppingCart/index.js b/src/views/ShoppingCart/index.js
index c005cdf..2c0e481 100644
--- a/src/views/ShoppingCart/index.js
+++ b/src/views/ShoppingCart/index.js
@@ -36,11 +36,12 @@ function ShoppingCart({
   payFactor,
   loading,
   setDialog,
+  isLogin,
 }) {
   const [phase, setPhase] = useState("products");
   const navigation = useNavigate();
   useEffect(() => {
-    getList();
+    if (isLogin) getList();
     getFactorInfo({ userId: user?.id });
     setHeaderOptions(headerOptions);
   }, []);
@@ -216,7 +217,9 @@ function ShoppingCart({
                   جمع کل سبد خرید
                 </strong>
                 <p className="font-medium text-greenBA text-lg dark:text-white">
-                  {separate(productsLength ? factorInfo?.payPrice : 0) + " " + "تومان"}
+                  {separate(productsLength ? factorInfo?.payPrice : 0) +
+                    " " +
+                    "تومان"}
                 </p>
               </div>
               <div
@@ -256,7 +259,7 @@ function ShoppingCart({
         <Empty
           text="سبد خرید شما خالی است."
           buttonText="فروشگاه"
-          buttonAction={() => navigation('/products')}
+          buttonAction={() => navigation("/products")}
         />
       )}
     </div>
@@ -387,6 +390,7 @@ const mapStateToProps = (state) => ({
   desktopContentTransform: state.publicApi.desktopContentTransform,
   userProducts: state.userProduct.list,
   loading: state.userProduct.loading,
+  isLogin: state.user.status,
 });
 
 const mapDispatchToProps = {
diff --git a/src/views/Video/components/Desktop/Videos.js b/src/views/Video/components/Desktop/Videos.js
index 7146abd..fbad9d5 100644
--- a/src/views/Video/components/Desktop/Videos.js
+++ b/src/views/Video/components/Desktop/Videos.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 
 import "../../../../components/ProductImage/index.scss";
 
-import productImg from "../../../../components/ProductImage/product-image.jpg";
+// import productImg from "../../../../components/ProductImage/product-image.jpg";
 
 const Videos = ({ videos }) => {
   const [list, setList] = useState([]);
@@ -20,8 +20,7 @@ const Videos = ({ videos }) => {
     <div
       className="flex flex-row w-full bg-gray-300"
       style={{ height: "calc(100vh / 1.5)" }}
-    >
-    </div>
+    ></div>
   );
 };