summaryrefslogtreecommitdiff
path: root/src-migrate/modules/product/PromoSection.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src-migrate/modules/product/PromoSection.tsx')
-rw-r--r--src-migrate/modules/product/PromoSection.tsx42
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