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 17 additions and 19 deletions
components/home/LetDiscover.js
...@@ -35,14 +35,14 @@ const LetDiscover = ({ categories }) => { ...@@ -35,14 +35,14 @@ const LetDiscover = ({ categories }) => {
</motion.div> </motion.div>
<div className="view-all-btn"> <div className="view-all-btn">
<ActiveLink href={"/listing"} prefetch> <ActiveLink href={"/listing"} prefetch>
<Button <Button
// onClick={() => { // onClick={() => {
// router.push("/listing"); // router.push("/listing");
// }} // }}
variant="primary" variant="primary"
> >
View All View All
</Button> </Button>
</ActiveLink> </ActiveLink>
</div> </div>
</div> </div>
...@@ -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">
}} <Image layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} />
> </span>
<span className="image-container"> <div className="title">{data?.attributes?.name}</div>
<img priority={false} loading="lazy" layout="fill" alt="" className="image img-fluid" src={cleanImage(data?.attributes?.image?.data?.attributes)} /> </div>
</span> </Link>
<div className="title">{data?.attributes?.name}</div>
</a>
</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!