delete 5 files and update 4 files

src/components/MainFooter/index.js

@@ -5,8 +5,8 @@ import _ from "lodash";
 import enamadlogo from "./enamad-pic.svg";
 import callIcon from "../../assets/icons/vuesax-linear-call-calling.svg";
 import samandehi from "./samandehi-pic.svg";
-import iosIcon from "./IOS.svg";
+// import iosIcon from "./IOS.svg";
-import bazarIcon from "./Bazar.svg";
+// import bazarIcon from "./Bazar.svg";
 
 const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
   const enamad =
@@ -14,7 +14,7 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
   return (
     <>
       {hasHeader ? (
-        <div className=" bg-gray-100 w-full z-20">
+        <div className="hidden lg:flex bg-gray-100 w-full z-20">
           <div className="w-11/12 mx-auto flex items-center justify-between py-6 text-blue52">
             <div className="flex items-center">
               <div className="flex items-center ml-8 ">
@@ -53,7 +53,7 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
         </div>
       ) : null}
       <footer
-        className={`flex flex-col bg-gray-200 py-16 md:justify-around items-start md:items-start relative shadow-md z-20 ${bg}`}
+        className={`hidden lg:flex flex-col bg-gray-200 py-16 md:justify-around items-start md:items-start relative shadow-md z-20 ${bg}`}
       >
         <div className="w-11/12 flex justify-between mx-auto">
           <div className="flex gap-10">

src/components/SimpleFooter/index.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+const rightLinks = [
+  {
+    title: "سوالات متداول",
+    link: "/faq",
+  },
+  {
+    title: "درباره ما",
+    link: "/about-us",
+  },
+  {
+    title: "تماس با ما",
+    link: "/contact-us",
+  },
+];
+
+export default function SimpleFooter() {
+  return (
+    <div className="hidden lg:flex justify-between relative items-center py-3 lg:px-14 bg-white border-t border-solid border-grayDB">
+      <ul className="flex items-center gap-6">
+        {rightLinks?.map((link, index) => (
+          <Link className="lg:text-sm text-gray1" to={link?.link} key={index}>
+            {link?.title}
+          </Link>
+        ))}
+      </ul>
+      <a
+        href="https://barnamenegar.com/"
+        target="_blank"
+        className="lg:text-sm text-gray1 ltr flex items-center gap-1"
+      >
+        Powered <br />
+        By Barnamehnegar
+      </a>
+      <span className="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 lg:text-sm text-gray1">
+        تمامی حقوق این سایت متعلق به{" "}
+        <strong className="lg:text-tiny text-blueC0">دانوین</strong> می‌باشد.
+      </span>
+    </div>
+  );
+}

src/redux/actions/config.js

@@ -3,6 +3,8 @@ import proxy from "../proxy";
 const config = {
   setDevice: (data) => async (dispatch) =>
     await dispatch({ type: "config/setDevice", data }),
+  isHome: (data) => async (dispatch) =>
+    await dispatch({ type: "config/isHome", data }),
   getAvailableForSell:
     (data = {}) =>
     async (dispatch) =>

src/redux/reducers/config.js

@@ -1,6 +1,7 @@
 const initialState = {
   device: "mobile",
   availableForSell: [],
+  isHome: false,
 };
 
 export default function config(state = initialState, action) {
@@ -11,6 +12,11 @@ export default function config(state = initialState, action) {
         ...state,
         device: data,
       };
+    case "config/isHome":
+      return {
+        ...state,
+        isHome: data,
+      };
     case "config/availableForSell":
       return {
         ...state,

src/router.js

@@ -15,7 +15,8 @@ import {
 import Navbar from "./components/Navbar";
 import BG from "./components/BG";
 import BottomNavigation from "./components/BottomNavigation";
-import FooterDesign1 from "./components/Footer";
+import MainFooter from "./components/MainFooter";
+import SimpleFooter from "./components/SimpleFooter";
 
 //pages
 import Home from "./views/Home";
@@ -48,6 +49,7 @@ import Profile from "./views/Auth/Profile";
 function Router({
   isDark,
   isMobile,
+  isHome,
   headerOptions,
   dialog,
   menu,
@@ -613,7 +615,7 @@ function Router({
               }
             />
           </Routes>
-          {/* {!isMobile ? <FooterDesign1 hasHeader /> : null} */}
+          {isHome ? <MainFooter hasHeader /> : <SimpleFooter />}
         </BrowserRouter>
       </div>
     </div>
@@ -623,6 +625,7 @@ function Router({
 const mapStateToProps = (state) => ({
   isDark: state.publicApi.isDark,
   isMobile: state.config.device === "mobile",
+  isHome: state.config.isHome,
   isLogin: state.user.status,
   headerOptions: state.publicApi.headerOptions,
   dialog: state.dialog.dialog,

src/views/Home/index.js

@@ -3,11 +3,15 @@ import { connect } from "react-redux";
 
 import DesktopHome from "./Desktop";
 import Portrait from "./Portrait";
-import { publicApi } from "../../redux/actions";
+import { publicApi, config } from "../../redux/actions";
 
-function Home({ setHeaderOptions, headerOptions, isMobile }) {
+function Home({ setHeaderOptions, headerOptions, isMobile, setIsHome }) {
   useEffect(() => {
     setHeaderOptions(headerOptions);
+    setIsHome(true);
+    return () => {
+      setIsHome(false);
+    }
   }, []);
 
   return (
@@ -31,6 +35,7 @@ const mapStateToProps = (state) => ({
 
 const mapDispatchToProps = {
   setHeaderOptions: publicApi.setHeaderOptions,
+  setIsHome: config.isHome
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(Home);