From 4c8d08def514cb441007c0bd2bc78e105e6d0153 Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Wed, 4 Dec 2024 11:50:21 +0700
Subject: cr popup information method

---
 src-migrate/modules/popup-information/index.tsx | 61 +++++++++++++++++++------
 1 file changed, 47 insertions(+), 14 deletions(-)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/popup-information/index.tsx b/src-migrate/modules/popup-information/index.tsx
index 0d36f8e9..20afa902 100644
--- a/src-migrate/modules/popup-information/index.tsx
+++ b/src-migrate/modules/popup-information/index.tsx
@@ -1,33 +1,66 @@
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
-import { Modal } from "~/components/ui/modal";
+import Image from 'next/image';
+import Link from 'next/link';
+import { Modal } from '~/components/ui/modal';
 import { getAuth } from '~/libs/auth';
-import PageContent from '../page-content';
 
-const PagePopupInformation = () => {
+const PagePopupInformation = ({data} : {data: any[]}) => {
   const router = useRouter();
   const isHomePage = router.pathname === '/';
   const auth = getAuth();
   const [active, setActive] = useState<boolean>(false);
+  // const [data, setData] = useState<any>(null);
 
   useEffect(() => {
-    if (isHomePage && !auth) setActive(true);
+    // const getData = async () => {
+    //   const res = await fetch(`/api/hero-banner?type=popup-banner`);
+    //   const { data } = await res.json();
+    //   if (data) {
+    //     setData(data);
+    //   }
+    // };
+
+    if (isHomePage && !auth) {
+      setActive(true);
+      // getData();
+    }
   }, [isHomePage, auth]);
   return (
     <div className='group'>
-      <Modal
-        active={active}
-        className='!w-fit !bg-transparent !border-none overflow-hidden'
-        close={() => setActive(false)}
-        mode='desktop'
-      >
-        <div className='w-[350px] md:w-[530px]' onClick={() => setActive(false)}>
-          <PageContent path='/onbording-popup' />
-        </div>
-      </Modal>
+      {data && (
+        <Modal
+          active={active}
+          className='!w-fit !bg-transparent !border-none overflow-hidden'
+          close={() => setActive(false)}
+          mode='desktop'
+        >
+          <div
+            className='w-[350px] md:w-[530px]'
+            onClick={() => setActive(false)}
+          >
+            <Link href={data[0].url === false ? '/' :data[0].url} aria-label='popup'>
+              <Image
+                src={data[0]?.image}
+                alt={data[0]?.name}
+                width={1152}
+                height={768}
+                sizes='(max-width: 768px) 100vw, 50vw'
+                priority={true}
+              />
+            </Link>
+          </div>
+        </Modal>
+      )}
     </div>
   );
 };
+export async function getServerSideProps() {
+  const res = await fetch(`/api/hero-banner?type=popup-banner`);
+  const { data } = await res.json();
+  return { props: { data } };
+}
+
 
 export default PagePopupInformation;
-- 
cgit v1.2.3


From 23d6791006c3179bb3cbccef13f6d6a2a4f39c93 Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Wed, 4 Dec 2024 12:05:23 +0700
Subject: update get popup information

---
 src-migrate/modules/popup-information/index.tsx | 27 ++++++++++---------------
 1 file changed, 11 insertions(+), 16 deletions(-)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/popup-information/index.tsx b/src-migrate/modules/popup-information/index.tsx
index 20afa902..5acdb068 100644
--- a/src-migrate/modules/popup-information/index.tsx
+++ b/src-migrate/modules/popup-information/index.tsx
@@ -6,25 +6,25 @@ import Link from 'next/link';
 import { Modal } from '~/components/ui/modal';
 import { getAuth } from '~/libs/auth';
 
-const PagePopupInformation = ({data} : {data: any[]}) => {
+const PagePopupInformation = () => {
   const router = useRouter();
   const isHomePage = router.pathname === '/';
   const auth = getAuth();
   const [active, setActive] = useState<boolean>(false);
-  // const [data, setData] = useState<any>(null);
+  const [data, setData] = useState<any>(null);
 
   useEffect(() => {
-    // const getData = async () => {
-    //   const res = await fetch(`/api/hero-banner?type=popup-banner`);
-    //   const { data } = await res.json();
-    //   if (data) {
-    //     setData(data);
-    //   }
-    // };
+    const getData = async () => {
+      const res = await fetch(`/api/hero-banner?type=popup-banner`);
+      const { data } = await res.json();
+      if (data) {
+        setData(data);
+      }
+    };
 
     if (isHomePage && !auth) {
       setActive(true);
-      // getData();
+      getData();
     }
   }, [isHomePage, auth]);
   return (
@@ -46,6 +46,7 @@ const PagePopupInformation = ({data} : {data: any[]}) => {
                 alt={data[0]?.name}
                 width={1152}
                 height={768}
+                loading='eager'
                 sizes='(max-width: 768px) 100vw, 50vw'
                 priority={true}
               />
@@ -56,11 +57,5 @@ const PagePopupInformation = ({data} : {data: any[]}) => {
     </div>
   );
 };
-export async function getServerSideProps() {
-  const res = await fetch(`/api/hero-banner?type=popup-banner`);
-  const { data } = await res.json();
-  return { props: { data } };
-}
-
 
 export default PagePopupInformation;
-- 
cgit v1.2.3


From 0ef6dd27b4c516c6948e8107c9e2477fca9f069f Mon Sep 17 00:00:00 2001
From: trisusilo48 <tri.susilo@altama.co.id>
Date: Fri, 6 Dec 2024 11:02:51 +0700
Subject: update performance

---
 src-migrate/modules/popup-information/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/popup-information/index.tsx b/src-migrate/modules/popup-information/index.tsx
index 5acdb068..d50711cc 100644
--- a/src-migrate/modules/popup-information/index.tsx
+++ b/src-migrate/modules/popup-information/index.tsx
@@ -5,6 +5,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { Modal } from '~/components/ui/modal';
 import { getAuth } from '~/libs/auth';
+import dynamic from 'next/dynamic';
 
 const PagePopupInformation = () => {
   const router = useRouter();
@@ -12,6 +13,8 @@ const PagePopupInformation = () => {
   const auth = getAuth();
   const [active, setActive] = useState<boolean>(false);
   const [data, setData] = useState<any>(null);
+  const [loading, setLoading] = useState(true);
+
 
   useEffect(() => {
     const getData = async () => {
@@ -20,6 +23,7 @@ const PagePopupInformation = () => {
       if (data) {
         setData(data);
       }
+      setLoading(false);
     };
 
     if (isHomePage && !auth) {
@@ -29,7 +33,7 @@ const PagePopupInformation = () => {
   }, [isHomePage, auth]);
   return (
     <div className='group'>
-      {data && (
+      {data && !loading && (
         <Modal
           active={active}
           className='!w-fit !bg-transparent !border-none overflow-hidden'
-- 
cgit v1.2.3