Merge branch 'coupon-page-cleanup' of WrenchBoard/Users-Wrench into master

src/components/Home/Hero.jsx

@@ -3,11 +3,7 @@ import { Link } from "react-router-dom";
 import { toast } from "react-toastify";
 import heroBg from "../../assets/images/hero-bg.svg";
 import heroUser from "../../assets/images/hero-user.png";
-import slider1 from "../../assets/images/slider-1.jpg";
-import slider2 from "../../assets/images/slider-2.jpg";
-import slider3 from "../../assets/images/slider-3.jpg";
 import CountDown from "../Helpers/CountDown";
-import SliderCom from "../Helpers/SliderCom";
 import HomeSliders from "./HomeSliders";
 import { useSelector } from "react-redux";
 
@@ -20,18 +16,7 @@ export default function Hero({ className, bannerList, nextDueTask }) {
     swipe: true,
   };
   const sildeData = null;
-  const [addFavorite, setValue] = useState(false);
-
   const { userDetails } = useSelector((state) => state?.userDetails);
-  const favoriteHandler = () => {
-    if (!addFavorite) {
-      setValue(true);
-      toast.success("Added to Favorite List");
-    } else {
-      setValue(false);
-      toast.warn("Remove to Favorite List");
-    }
-  };
 
   let loginDate = userDetails?.last_login.split(" ")[0];
   let { firstname, lastname, email, profile_pic } = userDetails;

src/components/Home/HomeSliders.jsx

@@ -1,19 +1,25 @@
 import SliderCom from "../Helpers/SliderCom";
+import slider2 from "../../assets/images/slider-2.jpg";
 import HomeBannerOffersCard from "../Cards/HomeBannerOffersCard";
 
 export default function HomeSliders(props) {
-  console.log("BANNER LIST IN HomeSliders->", props.bannerList);
+  // console.log("BANNER LIST IN HomeSliders->", props.bannerList);
   // debugger;
   return (
     <>
       <div className="hero-slider relative 2xl:w-[600px] xl:w-[500px] lg:w-[420px] w-full mb-2 lg:mb-0 ">
         <div className="w-full">
           <SliderCom settings={props.settings}>
-            {props.bannerList?.length &&
+            {props.bannerList?.length <= 0 && (
+              <div className="item w-full h-full bg-white dark:bg-dark-white max-h-80 rounded-2xl overflow-hidden">
+                <img src={slider2} alt="slider" className="w-full h-full" />
+              </div>
+            )}
+            {props.bannerList?.length > 0 &&
               props.bannerList.map((item, index) => (
                 <div
                   key={index}
-                  className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden"
+                  className="item w-full h-full bg-white dark:bg-dark-white   rounded-2xl overflow-hidden"
                 >
                   <HomeBannerOffersCard itemData={item} />
                 </div>