diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-02 16:51:05 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-03-02 16:51:05 +0700 |
| commit | d336735a91133cc3f1cf6f67ba2ac29f0985fd2e (patch) | |
| tree | f64a5c6de6e0ea015952ae028dca115077cffa45 /src2/components/products/ProductSlider.js | |
| parent | 074edfe4e51efd3b4a44dc7fe6e1284c9c560501 (diff) | |
delete src2
Diffstat (limited to 'src2/components/products/ProductSlider.js')
| -rw-r--r-- | src2/components/products/ProductSlider.js | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/src2/components/products/ProductSlider.js b/src2/components/products/ProductSlider.js deleted file mode 100644 index 662a6511..00000000 --- a/src2/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 |
