From 65d1aaf3fe193096aa01f0b3cb93de074cde41ad Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Thu, 24 Jul 2025 21:15:06 +0700
Subject: [PATCH] feat: update popup data

---
 components/landing-page/hero-new.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/landing-page/hero-new.tsx b/components/landing-page/hero-new.tsx
index 90b71e2b..8b5dccf9 100644
--- a/components/landing-page/hero-new.tsx
+++ b/components/landing-page/hero-new.tsx
@@ -55,6 +55,7 @@ type HeroModalProps = {
   group: string;
   poldaName?: string;
   satkerName?: string;
+  dataContent?: any;
 };
 
 const HeroModal = ({
@@ -62,6 +63,7 @@ const HeroModal = ({
   group,
   poldaName,
   satkerName,
+  dataContent,
 }: HeroModalProps) => {
   const [heroData, setHeroData] = useState<any[]>([]);
   const params = useParams();
@@ -138,7 +140,7 @@ const HeroModal = ({
         ref={modalRef}
         className="relative dark:bg-gray-900 rounded-lg w-[90%] md:w-[600px] p-4 shadow-none"
       >
-        {heroData?.length > 0 && (
+        {dataContent?.length > 0 && (
           <>
             <button
               className="absolute left-3 top-1/2 z-10 -translate-y-1/2 text-white text-3xl"
@@ -161,7 +163,7 @@ const HeroModal = ({
           autoplay={{ delay: 3000 }}
           className="mySwiper w-full"
         >
-          {heroData.map((list: any) => (
+          {dataContent.map((list: any) => (
             <SwiperSlide key={list?.id}>
               <div className="relative h-[310px] lg:h-[420px]">
                 <button
@@ -458,6 +460,7 @@ const HeroNew = (props: { group?: string }) => {
             group={props.group || "mabes"}
             poldaName={poldaName as string}
             satkerName={satkerName as string}
+            dataContent={content}
           />
         )}
       </div>