summaryrefslogtreecommitdiff
path: root/src/components/products/ProductSlider.js
diff options
context:
space:
mode:
authorIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
committerIT Fixcomart <it@fixcomart.co.id>2023-03-01 09:18:52 +0000
commita7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch)
tree74f66253717515d364ce74bd8275015c1f829cbc /src/components/products/ProductSlider.js
parent90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff)
parenta1b9b647a6c4bda1f5db63879639d44543f9557e (diff)
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src/components/products/ProductSlider.js')
-rw-r--r--src/components/products/ProductSlider.js39
1 files changed, 0 insertions, 39 deletions
diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
deleted file mode 100644
index 662a6511..00000000
--- a/src/components/products/ProductSlider.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Swiper, SwiperSlide } from "swiper/react";
-import ProductCard from "./ProductCard";
-import "swiper/css";
-import Image from "../elements/Image";
-import Link from "../elements/Link";
-import { SkeletonProduct } from "../elements/Skeleton";
-import { useState } from "react";
-
-export default function ProductSlider({
- products,
- simpleProductTitleLine = false,
- bannerMode = false
-}) {
- const [ activeIndex, setActiveIndex ] = useState(0);
- const swiperSliderFirstMove = (swiper) => {
- setActiveIndex(swiper.activeIndex);
- };
-
- return (
- <>
- { bannerMode && (
- <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[52%] idt-transition border border-gray_r-6 ` + (activeIndex > 0 ? 'opacity-0' : 'opacity-100')} />
- ) }
- <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8} onSlideChange={swiperSliderFirstMove} prefix="product">
- { bannerMode && (
- <SwiperSlide>
- <Link href={products.banner.url} className="w-full h-full block"></Link>
- </SwiperSlide>
- ) }
- {products?.products?.map((product, index) => (
- <SwiperSlide key={index}>
- <ProductCard data={product} simpleProductTitleLine={simpleProductTitleLine} />
- </SwiperSlide>
- ))}
- </Swiper>
- { !products ? <SkeletonProduct /> : ''}
- </>
- )
-} \ No newline at end of file