WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

added slider image for bannerlist in zero state

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2023-06-12 13:55:24 +01:00
parent e60a2aaea2
commit 134f2fbe9f
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/HomeSliders.jsx
+8 -2
View File
@@ -1,19 +1,25 @@
import SliderCom from "../Helpers/SliderCom"; import SliderCom from "../Helpers/SliderCom";
import slider2 from "../../assets/images/slider-2.jpg";
import HomeBannerOffersCard from "../Cards/HomeBannerOffersCard"; import HomeBannerOffersCard from "../Cards/HomeBannerOffersCard";
export default function HomeSliders(props) { export default function HomeSliders(props) {
console.log("BANNER LIST IN HomeSliders->", props.bannerList); // console.log("BANNER LIST IN HomeSliders->", props.bannerList);
// debugger; // debugger;
return ( return (
<> <>
<div className="hero-slider relative 2xl:w-[600px] xl:w-[500px] lg:w-[420px] w-full mb-2 lg:mb-0 "> <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"> <div className="w-full">
<SliderCom settings={props.settings}> <SliderCom settings={props.settings}>
{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 && {props.bannerList?.length &&
props.bannerList.map((item, index) => ( props.bannerList.map((item, index) => (
<div <div
key={index} 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} /> <HomeBannerOffersCard itemData={item} />
</div> </div>