diff options
Diffstat (limited to 'src-migrate/modules/product/PromoSection.tsx')
| -rw-r--r-- | src-migrate/modules/product/PromoSection.tsx | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src-migrate/modules/product/PromoSection.tsx b/src-migrate/modules/product/PromoSection.tsx deleted file mode 100644 index 299cbb78..00000000 --- a/src-migrate/modules/product/PromoSection.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react' -import style from "./PromoSection.module.css" -import PromoCard from './PromoCard' -import { useQuery } from 'react-query' -import { Skeleton } from '@chakra-ui/react' -import { IPromotion } from '~/common/types/promotion' - -type Props = { - productId: number -} - -const PromoSection = ({ productId }: Props) => { - const promotionsQuery = useQuery( - `promotions-highlight:${productId}`, - async () => await fetch(`/api/product-variant/${productId}/promotion/highlight`).then((res) => res.json()) as { data: IPromotion[] }, - ) - - const promotions = promotionsQuery.data - - const handleSeeMore = () => { } - - return ( - <div className='w-full'> - {promotions?.data && promotions?.data.length > 0 && ( - <div className={style.titleWrapper}> - <span className={style.title}>Promo Tersedia</span> - <button type='button' onClick={handleSeeMore} className={style.seeMore}> - Lihat Semua - </button> - </div> - )} - - <Skeleton isLoaded={promotionsQuery.isSuccess} className="flex gap-x-4 overflow-x-auto min-h-[340px]"> - {promotions?.data.map((promotion) => ( - <PromoCard key={promotion.id} promotion={promotion} /> - ))} - </Skeleton> - </div> - ) -} - -export default PromoSection
\ No newline at end of file |
