diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-07-08 16:08:21 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-07-08 16:08:21 +0700 |
| commit | 8ce480fedfa91e16d9adb997311a999aaabaafb2 (patch) | |
| tree | 9e397abb27dab563f9c7c389afcdbccb61fe9350 /src-migrate/modules/promo/components/PromoList.jsx | |
| parent | 2fbf5023e0d29765458b3385f354b416d08c42c4 (diff) | |
<iman> update testing swiper
Diffstat (limited to 'src-migrate/modules/promo/components/PromoList.jsx')
| -rw-r--r-- | src-migrate/modules/promo/components/PromoList.jsx | 104 |
1 files changed, 0 insertions, 104 deletions
diff --git a/src-migrate/modules/promo/components/PromoList.jsx b/src-migrate/modules/promo/components/PromoList.jsx deleted file mode 100644 index a7356d71..00000000 --- a/src-migrate/modules/promo/components/PromoList.jsx +++ /dev/null @@ -1,104 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import ProductPromoCard from '../../../../src-migrate/modules/product-promo/components/Card'; -import { fetchPromoItemsSolr } from '../../../../src/api/promoApi'; -import { Swiper, SwiperSlide } from 'swiper/react'; -import useDevice from '@/core/hooks/useDevice'; -import LogoSpinner from '../../../../src/core/components/elements/Spinner/LogoSpinner'; -import usePromoStore from './promoStore'; -import { ChevronRightIcon } from '@heroicons/react/24/outline'; -import Link from '@/core/components/elements/Link/Link' - -const PromoList = ({ selectedPromo }) => { - const { - title, - slug, - promoItems, - promoData, - isLoading, - setTitle, - setSlug, - setPromoItems, - setPromoData, - setIsLoading, - } = usePromoStore(); - - const { isMobile } = useDevice(); - - useEffect(() => { - if (selectedPromo === 'Bundling') { - setTitle('Kombinasi Kilat Pilihan Kami!'); - setSlug('bundling'); - } else if (selectedPromo === 'Loading') { - setTitle('Belanja Borong Pilihan Kami!'); - setSlug('discount_loading'); - } else if (selectedPromo === 'Merchandise') { - setTitle('Gratis Merchandise Spesial Indoteknik'); - setSlug('merchandise'); - } - }, [selectedPromo, setTitle, setSlug]); - - useEffect(() => { - const fetchPromotions = async () => { - setIsLoading(true); - try { - const items = await fetchPromoItemsSolr(`type_value_s:${slug}`, 0, 10); - setPromoItems(items); - - const promoDataPromises = items.map(async (item) => { - try { - const response = await fetchPromoItemsSolr(`id:${item.id}`, 0, 10); - return response; - } catch (fetchError) { - return []; - } - }); - - const promoDataArray = await Promise.all(promoDataPromises); - const mergedPromoData = promoDataArray.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []); - setPromoData(mergedPromoData); - - } catch (error) { - console.error('Error fetching promo items:', error); - } finally { - setIsLoading(false); - } - }; - - if (slug) { - setIsLoading(true); - setPromoItems([]); - setPromoData([]); - fetchPromotions(); - } - }, [slug, setPromoItems, setPromoData, setIsLoading]); - - return ( - <div className='min-h-[360px]'> - <div className='flex justify-between items-center'> - <h1 className='text-h-sm md:text-h-lg font-semibold py-4'>{title}</h1> - <div> - <Link href={`/shop/promo/${slug}`} className='!text-red-500 font-semibold'> - Lihat Semua - </Link> - </div> - </div> - {isLoading ? ( - <div className="loading-spinner flex justify-center"> - <LogoSpinner width={48} height={48} /> - </div> - ) : ( - <Swiper slidesPerView={isMobile ? 1.2 : 3.25} spaceBetween={12} freeMode > - {promoData?.map((promotion) => ( - <SwiperSlide key={promotion.id}> - <div className="min-w-36 max-w-[400px] mb-[20px] sm:w-full md:w-full lg:w-full xl:w-full"> - <ProductPromoCard promotion={promotion} /> - </div> - </SwiperSlide> - ))} - </Swiper> - )} - </div> - ); -}; - -export default PromoList;
\ No newline at end of file |
