diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-24 15:54:48 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-24 15:54:48 +0700 |
| commit | ee4297280c1305c7e03bedd4df63ccf136c28c6c (patch) | |
| tree | 62eb00777f42542a37c63687dd1536f8f56df894 /src/components/product | |
| parent | 23b31aa10302cc990f3fb083b8189233b2e9e08d (diff) | |
Merapihkan struktur folder
Diffstat (limited to 'src/components/product')
| -rw-r--r-- | src/components/product/ProductSlider.js | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/src/components/product/ProductSlider.js b/src/components/product/ProductSlider.js deleted file mode 100644 index 84dc4258..00000000 --- a/src/components/product/ProductSlider.js +++ /dev/null @@ -1,44 +0,0 @@ -import { Swiper, SwiperSlide } from "swiper/react"; -import ProductCard from "../ProductCard"; -import ImagePlaceholderIcon from "../../icons/image-placeholder.svg"; -import "swiper/css"; - -export default function ProductSlider({ products }) { - return ( - <> - <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8}> - {products?.products?.map((product, index) => ( - <SwiperSlide key={index}> - <ProductCard data={product} /> - </SwiperSlide> - ))} - </Swiper> - {products == null ? ( - <div className="grid grid-cols-2 gap-x-4"> - <div role="status" className="p-4 max-w-sm rounded border border-gray-300 shadow animate-pulse md:p-6"> - <div className="flex justify-center items-center mb-4 h-48 bg-gray-300 rounded"> - <ImagePlaceholderIcon className="w-12 h-12 text-gray-200" /> - </div> - <div className="h-2 bg-gray-200 rounded-full w-10 mb-1"></div> - <div className="h-2.5 bg-gray-200 rounded-full w-full mb-4"></div> - <div className="h-2 bg-gray-200 rounded-full mb-2.5"></div> - <div className="h-2 bg-gray-200 rounded-full mb-2.5"></div> - <div className="h-2 bg-gray-200 rounded-full"></div> - <span className="sr-only">Loading...</span> - </div> - <div role="status" className="p-4 max-w-sm rounded border border-gray-300 shadow animate-pulse md:p-6"> - <div className="flex justify-center items-center mb-4 h-48 bg-gray-300 rounded"> - <ImagePlaceholderIcon className="w-12 h-12 text-gray-200" /> - </div> - <div className="h-2 bg-gray-200 rounded-full w-10 mb-1"></div> - <div className="h-2.5 bg-gray-200 rounded-full w-full mb-4"></div> - <div className="h-2 bg-gray-200 rounded-full mb-2.5"></div> - <div className="h-2 bg-gray-200 rounded-full mb-2.5"></div> - <div className="h-2 bg-gray-200 rounded-full"></div> - <span className="sr-only">Loading...</span> - </div> - </div> - ) : ''} - </> - ) -}
\ No newline at end of file |