Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 91efd826 by jaymehta
Options

.

1 parent 66080dbb
Inline Side-by-side
Showing 1 changed file with 6 additions and 8 deletions
components/home/LetDiscover.js
...@@ -54,7 +54,7 @@ const LetDiscover = ({ categories }) => { ...@@ -54,7 +54,7 @@ const LetDiscover = ({ categories }) => {
<Swiper <Swiper
modules={[Autoplay, Navigation]} modules={[Autoplay, Navigation]}
slidesPerView={3} slidesPerView={3}
spaceBetween= {10} spaceBetween={10}
// autoplay={{ // autoplay={{
// delay: 7000, // delay: 7000,
// disableOnInteraction: false, // disableOnInteraction: false,
...@@ -95,16 +95,14 @@ const LetDiscover = ({ categories }) => { ...@@ -95,16 +95,14 @@ const LetDiscover = ({ categories }) => {
return ( return (
<SwiperSlide key={data?.id}> <SwiperSlide key={data?.id}>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}> <motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<a <Link prefetch href={`/listing?category=${data.id}`}>
onClick={() => { <div>
router.push(`/listing?category=${data.id}`);
}}
>
<span className="image-container"> <span className="image-container">
<img priority={false} loading="lazy" layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} /> <Image layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} />
</span> </span>
<div className="title">{data?.attributes?.name}</div> <div className="title">{data?.attributes?.name}</div>
</a> </div>
</Link>
</motion.div> </motion.div>
</SwiperSlide> </SwiperSlide>
); );
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!