From 3f04cf66981546c296c2eb3ac92895643e6ee1a1 Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Mon, 1 Dec 2025 11:49:58 +0700
Subject: [PATCH] feat: update fixing bugs dashboard

---
 .../admin/performance-satker/page.tsx         |  1 -
 .../visualization/performance-polres.tsx      | 50 ++++++++++++-------
 .../visualization/performance-satker.tsx      | 16 ++----
 lib/menus.ts                                  |  4 +-
 4 files changed, 37 insertions(+), 34 deletions(-)

diff --git a/app/[locale]/(protected)/admin/performance-satker/page.tsx b/app/[locale]/(protected)/admin/performance-satker/page.tsx
index 1296113c..fe4deddf 100644
--- a/app/[locale]/(protected)/admin/performance-satker/page.tsx
+++ b/app/[locale]/(protected)/admin/performance-satker/page.tsx
@@ -6,7 +6,6 @@ export default function PerformanceSatker() {
   return (
     <div>
       <SiteBreadcrumb />
-      <p className="font-semibold">PERFORMANCE KUMULATIF PER SATKER</p>
       <PerformanceSatkerViz />
     </div>
   );
diff --git a/components/visualization/performance-polres.tsx b/components/visualization/performance-polres.tsx
index 15f9a135..7cb69b64 100644
--- a/components/visualization/performance-polres.tsx
+++ b/components/visualization/performance-polres.tsx
@@ -22,19 +22,17 @@ export default function PerformancePolresViz() {
   const baseUrl = "https://db-mediahub.polri.go.id/";
   const url = "https://db-mediahub.polri.go.id/trusted/";
 
-  const view1 =
-    levelName == "MABES POLRI"
-      ? isInternational[0]
-        ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-top10?"
-        : "views/2023_09_db-ranking-polda_rev100/db-ranking-13-polda?"
-      : `/views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${poldaState}&`;
-
+  const view1 = `views/2025_10_MediaHUB-Viz-POLDA_Rev203/db-ranking-polda-satker?polda-selected=${poldaState}&`;
+  const view2 = `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${poldaState}&`;
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
   useEffect(() => {
     async function initState() {
       const response1 = await generateTicket();
       setTicket1(response1?.data?.data);
+      
+      const response2 = await generateTicket();
+      setTicket2(response2?.data?.data);
     }
 
     initState();
@@ -48,21 +46,10 @@ export default function PerformancePolresViz() {
   // Render
   if (!hasMounted) return null;
 
-  const handleInternational = (index: number, val: boolean) => {
-    const updatedIsInternational = [...isInternational];
-
-    updatedIsInternational[index] = val;
-    setIsInternational(updatedIsInternational);
-  };
-
   return (
     <div className="flex flex-col gap-2 bg-white rounded-lg p-3">
       <p className="text-lg">
-        <b>
-          {isInternational[0]
-            ? "PUBLISH CONTENT PER POLICE REGENCY"
-            : "PUBLISH KONTEN PER POLRES"}
-        </b>
+        <b>PERFORMANCE POLRES</b>
       </p>
       <div className="my-5">
         {ticket1 == "" ? (
@@ -81,6 +68,31 @@ export default function PerformancePolresViz() {
           />
         )}
       </div>
+
+      <p className="text-lg">
+        <b>
+          {isInternational[0]
+            ? "PUBLISH CONTENT PER POLICE REGENCY"
+            : "PUBLISH KONTEN PER POLRES"}
+        </b>
+      </p>
+      <div className="my-5">
+        {ticket2 == "" ? (
+          <iframe
+            src={`${baseUrl + view2 + param}`}
+            width="100%"
+            height="750"
+            frameBorder="0"
+          />
+        ) : (
+          <iframe
+            src={`${`${url + ticket2}/${view2}${param}`}`}
+            width="100%"
+            height="750"
+            frameBorder="0"
+          />
+        )}
+      </div>
     </div>
   );
 }
diff --git a/components/visualization/performance-satker.tsx b/components/visualization/performance-satker.tsx
index e53116cd..a68f9bf4 100644
--- a/components/visualization/performance-satker.tsx
+++ b/components/visualization/performance-satker.tsx
@@ -10,24 +10,16 @@ export default function PerformanceSatkerViz() {
   const [hasMounted, setHasMounted] = useState(false);
   const t = useTranslations("AnalyticsDashboard");
   const levelName = getCookiesDecrypt("ulnae");
-  const poldaState = Cookies.get("state");
+  const state = Cookies.get("state");
   const provState = Cookies.get("state-prov");
 
   const [ticket1, setTicket1] = useState("");
-  const [ticket2, setTicket2] = useState("");
-  const [ticket3, setTicket3] = useState("");
-  const [ticket4, setTicket4] = useState("");
-  const [isInternational, setIsInternational] = useState([false, false, false]);
+  const [isInternationawl, setIsInternational] = useState([false, false, false]);
 
   const baseUrl = "https://db-mediahub.polri.go.id/";
   const url = "https://db-mediahub.polri.go.id/trusted/";
 
-  const view1 =
-    levelName == "MABES POLRI"
-      ? isInternational[0]
-        ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-top10?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10?"
-      : `/views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${provState}&`;
+  const view1 = `views/2025_10_MediaHUB-Viz-POLDA_Rev203/db-ranking-polda-satker?polda-selected=${state}&unit-work-level-1=SATKER`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
@@ -59,7 +51,7 @@ export default function PerformanceSatkerViz() {
     <div className="flex flex-col gap-2 bg-white rounded-lg p-3">
       <p className="text-lg">
         <b>
-          {isInternational[0] ? "SATKER PERFORMANCE" : "POLFORMANCE SATKER"}
+          {isInternational[0] ? "SATKER PERFORMANCE" : "PERFORMANCE SATKER"}
         </b>
       </p>
       <div className="my-5">
diff --git a/lib/menus.ts b/lib/menus.ts
index 9c98c75e..ed74c6f6 100644
--- a/lib/menus.ts
+++ b/lib/menus.ts
@@ -4049,7 +4049,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
               submenus: [
                 {
                   href: "/admin/media-tracking/tracking-berita",
-                  label: "Tracking Beritra",
+                  label: "Tracking Berita",
                   active: pathname === "/admin/media-tracking/tracking-berita",
                   icon: "heroicons:arrow-trending-up",
                   children: [],
@@ -4258,7 +4258,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
               submenus: [
                 {
                   href: "/admin/media-tracking/tracking-berita",
-                  label: "Tracking Beritra",
+                  label: "Tracking Berita",
                   active: pathname === "/admin/media-tracking/tracking-berita",
                   icon: "heroicons:arrow-trending-up",
                   children: [],