summaryrefslogtreecommitdiff
path: root/src/lib/flashSale/components/FlashSaleNonDisplay.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/flashSale/components/FlashSaleNonDisplay.jsx')
-rw-r--r--src/lib/flashSale/components/FlashSaleNonDisplay.jsx27
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;