diff options
Diffstat (limited to 'src/lib/flashSale/components/FlashSaleNonDisplay.jsx')
| -rw-r--r-- | src/lib/flashSale/components/FlashSaleNonDisplay.jsx | 27 |
1 files changed, 9 insertions, 18 deletions
diff --git a/src/lib/flashSale/components/FlashSaleNonDisplay.jsx b/src/lib/flashSale/components/FlashSaleNonDisplay.jsx index 6e379500..c91de2be 100644 --- a/src/lib/flashSale/components/FlashSaleNonDisplay.jsx +++ b/src/lib/flashSale/components/FlashSaleNonDisplay.jsx @@ -1,20 +1,16 @@ import Image from 'next/image'; import { useEffect, useState } from 'react'; - import CountDown from '@/core/components/elements/CountDown/CountDown'; import productSearchApi from '@/lib/product/api/productSearchApi'; import ProductSlider from '@/lib/product/components/ProductSlider'; - import flashSaleApi from '../api/flashSaleApi'; import { FlashSaleSkeleton } from '../skeleton/FlashSaleSkeleton'; import Link from 'next/link'; -import { useRouter } from 'next/router' - +import { useRouter } from 'next/router'; const FlashSaleNonDisplay = () => { const [flashSales, setFlashSales] = useState(null); const [isLoading, setIsLoading] = useState(true); - const router = useRouter() - + const router = useRouter(); useEffect(() => { const loadFlashSales = async () => { const dataFlashSales = await flashSaleApi(); @@ -23,15 +19,12 @@ const FlashSaleNonDisplay = () => { }; loadFlashSales(); }, []); - const handleSubmit = () => { - router.push(`/shop/search?penawaran=${flashSales[0]?.pricelistId}`) - } - + router.push(`/shop/search?penawaran=${flashSales[0]?.pricelistId}`); + }; if (isLoading) { return <FlashSaleSkeleton />; } - return ( flashSales?.length > 0 && ( @@ -42,11 +35,13 @@ const FlashSaleNonDisplay = () => { <div className='font-medium sm:text-h-lg mt-1.5'> Penawaran Terbatas </div> - <div onClick={handleSubmit} className='!text-red-500 font-semibold cursor-pointer'> - Lihat Semua + <div + onClick={handleSubmit} + className='!text-red-500 font-semibold cursor-pointer' + > + Lihat Semua </div> </div> - <div className='relative'> <FlashSaleProduct flashSaleId={flashSale.pricelistId} /> </div> @@ -56,10 +51,8 @@ const FlashSaleNonDisplay = () => { ) ); }; - const FlashSaleProduct = ({ flashSaleId }) => { const [products, setProducts] = useState(null); - useEffect(() => { const loadProducts = async () => { const dataProducts = await productSearchApi({ @@ -70,8 +63,6 @@ const FlashSaleProduct = ({ flashSaleId }) => { }; loadProducts(); }, [flashSaleId]); - return <ProductSlider products={products} />; }; - export default FlashSaleNonDisplay; |
