From f09a72f90c049b5e1a8478f737062a24d9c7a3df Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Tue, 8 Oct 2024 14:56:00 +0700
Subject: cache localstorage

---
 src/lib/home/components/BannerSection.jsx | 34 ++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

(limited to 'src/lib/home/components/BannerSection.jsx')

diff --git a/src/lib/home/components/BannerSection.jsx b/src/lib/home/components/BannerSection.jsx
index f83c36fc..60d38f8f 100644
--- a/src/lib/home/components/BannerSection.jsx
+++ b/src/lib/home/components/BannerSection.jsx
@@ -1,18 +1,42 @@
 import Link from '@/core/components/elements/Link/Link';
 import Image from 'next/image';
+import { useEffect, useState } from 'react';
+import { bannerApi } from '../../../api/bannerApi';
 
 const { useQuery } = require('react-query');
 const { default: bannerSectionApi } = require('../api/bannerSectionApi');
 
 const BannerSection = () => {
-  const fetchBannerSection = async () => await bannerSectionApi();
-  const bannerSection = useQuery('bannerSection', fetchBannerSection);
+  const [data, setData] = useState(null);
+  const [shouldFetch, setShouldFetch] = useState(false);
+
+  useEffect(() => {
+    const localData = localStorage.getItem('Homepage_bannerSection');
+    if (localData) {
+      setData(JSON.parse(localData));
+    }else{
+      setShouldFetch(true);
+    }
+  }, []);
+
+  // const fetchBannerSection = async () => await bannerSectionApi();
+  const getBannerSection = useQuery('bannerSection', bannerApi({ type: 'home-banner' }), {
+    enabled: shouldFetch,
+    onSuccess: (data) => {
+      if (data) {
+        localStorage.setItem('Homepage_bannerSection', JSON.stringify(data));
+        setData(data);
+      }
+    },
+  });
+
+  const bannerSection = data;
 
   return (
-    bannerSection.data &&
-    bannerSection.data?.length > 0 && (
+    bannerSection &&
+    bannerSection?.length > 0 && (
       <div className='grid grid-cols-1 sm:grid-cols-2 gap-4'>
-        {bannerSection.data?.map((banner) => (
+        {bannerSection?.map((banner) => (
           <Link key={banner.id} href={banner.url}>
             <Image
               width={1024}
-- 
cgit v1.2.3


From 4a5391def4c5d2e8991643287d40e3c3b53980be Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Tue, 5 Nov 2024 15:49:45 +0700
Subject: <iman> add redis

---
 src/lib/home/components/BannerSection.jsx | 38 ++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 16 deletions(-)

(limited to 'src/lib/home/components/BannerSection.jsx')

diff --git a/src/lib/home/components/BannerSection.jsx b/src/lib/home/components/BannerSection.jsx
index 60d38f8f..303b5c4b 100644
--- a/src/lib/home/components/BannerSection.jsx
+++ b/src/lib/home/components/BannerSection.jsx
@@ -11,27 +11,33 @@ const BannerSection = () => {
   const [shouldFetch, setShouldFetch] = useState(false);
 
   useEffect(() => {
-    const localData = localStorage.getItem('Homepage_bannerSection');
-    if (localData) {
-      setData(JSON.parse(localData));
-    }else{
-      setShouldFetch(true);
-    }
-  }, []);
-
-  // const fetchBannerSection = async () => await bannerSectionApi();
-  const getBannerSection = useQuery('bannerSection', bannerApi({ type: 'home-banner' }), {
-    enabled: shouldFetch,
-    onSuccess: (data) => {
+    const fetchCategoryData = async () => {
+      const res = await fetch('/api/banner-section');
+      const { data } = await res.json();
       if (data) {
-        localStorage.setItem('Homepage_bannerSection', JSON.stringify(data));
         setData(data);
       }
-    },
-  });
+    };
 
-  const bannerSection = data;
+    fetchCategoryData();
+  }, []);
 
+  // const fetchBannerSection = async () => await bannerSectionApi();
+  const getBannerSection = useQuery(
+    'bannerSection',
+    bannerApi({ type: 'home-banner' }),
+    {
+      enabled: shouldFetch,
+      onSuccess: (data) => {
+        if (data) {
+          localStorage.setItem('Homepage_bannerSection', JSON.stringify(data));
+          setData(data);
+        }
+      },
+    }
+  );
+
+  const bannerSection = data;
   return (
     bannerSection &&
     bannerSection?.length > 0 && (
-- 
cgit v1.2.3