Fix QC Kak Inno Admin, Fix QC Keano UI User, Fix QC Pak jun tabel apbdes

src/app/darmasaba/page.tsx

@@ -14,15 +14,72 @@ import Prestasi from "./_com/main-page/prestasi";
 import ScrollToTopButton from "./_com/scrollToTopButton";
 
 import NewsReaderLanding from "./_com/NewsReaderalanding";
+import ModernNewsNotification from "./_com/ModernNeewsNotification";
+import { useMemo } from "react";
+import { useProxy } from "valtio/utils";
+import stateDashboardBerita from "../admin/(dashboard)/_state/desa/berita";
+import stateDesaPengumuman from "../admin/(dashboard)/_state/desa/pengumuman";
+import { useEffect } from "react";
 
 
 export default function Page() {
+  const featured = useProxy(stateDashboardBerita.berita.findFirst);
+  const loadingFeatured = featured.loading;
+  const pengumuman = useProxy(stateDesaPengumuman.pengumuman.findFirst);
+  const loadingPengumuman = pengumuman.loading;
+
+  useEffect(() => {
+    if (!featured.data && !loadingFeatured) {
+      stateDashboardBerita.berita.findFirst.load();
+    }
+  }, [featured.data, loadingFeatured]);
+
+  useEffect(() => {
+    if (!pengumuman.data && !loadingPengumuman) {
+      stateDesaPengumuman.pengumuman.findFirst.load();
+    }
+  }, [pengumuman.data, loadingPengumuman]);
+
+
+  const newsData = useMemo(() => {
+    const items = [];
+
+    if (featured.data) {
+      items.push({
+        id: String(featured.data.id || "berita-1"),
+        type: "berita" as const,
+        title: String(featured.data.judul || "Berita Terbaru"),
+        content: String(featured.data.content || ""),
+        timestamp: featured.data.createdAt
+          ? (typeof featured.data.createdAt === 'string'
+            ? featured.data.createdAt
+            : new Date(featured.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    if (pengumuman.data) {
+      items.push({
+        id: String(pengumuman.data.id || "pengumuman-1"),
+        type: "pengumuman" as const,
+        title: String(pengumuman.data.judul || "Pengumuman Penting"),
+        content: String(pengumuman.data.content || ""),
+        timestamp: pengumuman.data.createdAt
+          ? (typeof pengumuman.data.createdAt === 'string'
+            ? pengumuman.data.createdAt
+            : new Date(pengumuman.data.createdAt).toISOString())
+          : new Date().toISOString(),
+      });
+    }
+
+    return items;
+  }, [featured.data, pengumuman.data]);
 
 
   return (
     <Box id="page-root">
-      <Stack 
-        bg={colors.grey[1]} 
+      <Stack
+        bg={colors.grey[1]}
         gap={0}
       >
         {/* HAPUS RUNNING TEXT, GANTI DENGAN MODERN NOTIFICATION */}
@@ -40,8 +97,11 @@ export default function Page() {
       {/* Tombol Scroll ke Atas */}
       <ScrollToTopButton />
 
-      <NewsReaderLanding/>
-      
+      <NewsReaderLanding />
+      <ModernNewsNotification
+        news={newsData}
+        autoShowDelay={2000} // Muncul 2 detik setelah load
+      />
     </Box>
   );
 }