From 59e4c1cf1b45497bc98cbc13c57e33e1a256a22e Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Thu, 25 Apr 2024 11:33:09 +0700
Subject: Add side and bottom banner on search

---
 src-migrate/modules/footer-banner/index.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src-migrate/modules/footer-banner/index.tsx

(limited to 'src-migrate/modules/footer-banner')

diff --git a/src-migrate/modules/footer-banner/index.tsx b/src-migrate/modules/footer-banner/index.tsx
new file mode 100644
index 00000000..7db1363c
--- /dev/null
+++ b/src-migrate/modules/footer-banner/index.tsx
@@ -0,0 +1,29 @@
+import Link from "next/link"
+import { useQuery } from "react-query"
+import Image from "~/components/ui/image"
+import { getBanner } from "~/services/banner"
+
+const FooterBanner = () => {
+  const fetchFooterBanner = useQuery({
+    queryKey: 'footerBanner',
+    queryFn: () => getBanner({ type: 'bottom-search-promotion' })
+  })
+
+  const banner = fetchFooterBanner?.data?.[0] || false
+
+  return banner && (
+    <>
+      {banner.url && (
+        <Link href={banner.url}>
+          <Image src={banner.image} alt={banner.name} width={924} height={150} className='object-cover object-center rounded-lg' />
+        </Link>
+      )}
+
+      {!banner.url && (
+        <Image src={banner.image} alt={banner.name} width={924} height={150} className='object-cover object-center rounded-lg' />
+      )}
+    </>
+  )
+}
+
+export default FooterBanner
\ No newline at end of file
-- 
cgit v1.2.3


From eead8eec2e37a2edf3c431664cacdcc502a64364 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 26 Jun 2024 11:19:27 +0700
Subject: bug fix side & footer banner

---
 src-migrate/modules/footer-banner/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'src-migrate/modules/footer-banner')

diff --git a/src-migrate/modules/footer-banner/index.tsx b/src-migrate/modules/footer-banner/index.tsx
index 7db1363c..b214493d 100644
--- a/src-migrate/modules/footer-banner/index.tsx
+++ b/src-migrate/modules/footer-banner/index.tsx
@@ -1,15 +1,19 @@
 import Link from "next/link"
+import React, { useMemo } from "react";
 import { useQuery } from "react-query"
 import Image from "~/components/ui/image"
 import { getBanner } from "~/services/banner"
+import { getRandomInt } from '@/utils/getRandomInt'
 
 const FooterBanner = () => {
   const fetchFooterBanner = useQuery({
     queryKey: 'footerBanner',
     queryFn: () => getBanner({ type: 'bottom-search-promotion' })
   })
-
-  const banner = fetchFooterBanner?.data?.[0] || false
+   // ubah dari static menjadid dynamic dengan menggunakan random index
+  const length = useMemo(() => fetchFooterBanner.data?.length, [fetchFooterBanner.data]);
+  const randomIndex = useMemo(() => getRandomInt(length), [length]);
+  const banner = fetchFooterBanner?.data?.[randomIndex] || false;
 
   return banner && (
     <>
@@ -25,5 +29,4 @@ const FooterBanner = () => {
     </>
   )
 }
-
 export default FooterBanner
\ No newline at end of file
-- 
cgit v1.2.3