Merged in Feature/all-promotion (pull request #244)

<iman> add button lihat semua

1 files changed, 14 insertions, 1 deletions

diff --git a/src/lib/flashSale/components/FlashSaleNonDisplay.jsx b/src/lib/flashSale/components/FlashSaleNonDisplay.jsx
index 3218ab35..0068c98d 100644
--- a/src/lib/flashSale/components/FlashSaleNonDisplay.jsx
+++ b/src/lib/flashSale/components/FlashSaleNonDisplay.jsx
@@ -7,33 +7,46 @@ 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'
 
 const FlashSaleNonDisplay = () => {
   const [flashSales, setFlashSales] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
+  const [pencarian, setPencarian] = useState('');
+  const router = useRouter()
 
   useEffect(() => {
     const loadFlashSales = async () => {
       const dataFlashSales = await flashSaleApi();
       setFlashSales(dataFlashSales);
+      setPencarian(`fq=-flashsale_id_i:${dataFlashSales[0]?.pricelistId}&fq=flashsale_price_f:[1 TO *]&orderBy=flashsale-discount-desc`)
       setIsLoading(false);
     };
     loadFlashSales();
   }, []);
 
+  const handleSubmit = () => {
+    router.push(`/shop/search?${pencarian}`)
+  }
+
   if (isLoading) {
     return <FlashSaleSkeleton />;
   }
+ 
 
   return (
     flashSales?.length > 0 && (
       <div className='px-4 sm:px-0 grid grid-cols-1 gap-y-8'>
         {flashSales.map((flashSale, index) => (
           <div key={index}>
-            <div className='flex gap-x-3 mb-4 justify-between sm:justify-start'>
+            <div className='flex items-center mb-4 justify-between '>
               <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>
             </div>
 
             <div className='relative'>