From 4fcdfeddd361a03b4a4b51c2aa2672a646e515da Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Thu, 24 Apr 2025 23:57:36 +0800
Subject: [PATCH] feat:update data tablue

---
 .../(protected)/dashboard/executive/page.tsx  | 217 +++++++++++-------
 .../visualization/content-production.tsx      |  22 +-
 components/visualization/dashboard-viz.tsx    |  22 +-
 .../visualization/management-user-viz.tsx     |   2 +-
 .../visualization/pattern-relation-viz.tsx    |  28 ++-
 .../visualization/performance-polda.tsx       |  10 +-
 6 files changed, 188 insertions(+), 113 deletions(-)

diff --git a/app/[locale]/(protected)/dashboard/executive/page.tsx b/app/[locale]/(protected)/dashboard/executive/page.tsx
index 0decf9a8..debe1d2d 100644
--- a/app/[locale]/(protected)/dashboard/executive/page.tsx
+++ b/app/[locale]/(protected)/dashboard/executive/page.tsx
@@ -157,7 +157,8 @@ export default function ExecutiveDashboard() {
   const [hasMounted, setHasMounted] = useState(false);
   // const t = useTranslations("AnalyticsDashboard");
   const levelName = getCookiesDecrypt("ulnae");
-  const poldaState = Cookies.get("state");
+  const levelNumber = getCookiesDecrypt("ulne");
+  const state = Cookies.get("state");
   const provState = Cookies.get("state-prov");
 
   const [ticket1, setTicket1] = useState("");
@@ -171,40 +172,61 @@ export default function ExecutiveDashboard() {
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
 
+  const safeLevelName = levelNumber ?? "";
+
   const view1 =
     levelName == "MABES POLRI"
       ? isInternational[0]
-        ? "views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?"
-        : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?"
-      : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?provinsi-polda=${provState}&`;
+        ? "views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue-executive ?"
+        : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue-executive ?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?provinsi-polda=${state}&`
+      : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?provinsi-polda=${state}&`;
 
   const view2 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-executive?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-publisher-polda-executive?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&`;
 
   const view3 =
     levelName == "MABES POLRI"
       ? isInternational[2]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-executive?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?provinsi-polda?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&`;
 
   const view4 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?"
         : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?provinsi-polda=${poldaState}&`;
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&`;
 
   const view5 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?"
         : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${poldaState}&`;
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&`;
+
+  const view6 =
+    levelName == "MABES POLRI"
+      ? isInternational[1]
+        ? "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?"
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
@@ -250,82 +272,105 @@ export default function ExecutiveDashboard() {
   return (
     <div>
       <SiteBreadcrumb />
-      <div className="mt-3 flex flex-row gap-3 justify-center">
-        <Card className="rounded-sm w-4/12  p-3">
-          <div className="flex flex-row justify-between">
-            <p className="text-base font-semibold">
-              Upload konten hari ini Polda
-            </p>
-            <LucideBoxSelect />
-          </div>
-          <div className="my-5">
-            {ticket1 == "" ? (
-              <iframe
-                src={`${baseUrl + view4 + param}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            ) : (
-              <iframe
-                src={`${`${url + ticket1}/${view4}${param}`}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            )}
-          </div>
-        </Card>
-        <Card className="rounded-sm w-4/12 p-3">
-          <div className="flex flex-row justify-between">
-            <p className="text-base font-semibold">
-              Upload konten hari ini Satker
-            </p>
-            <LucideBoxSelect />
-          </div>
-          <div className="my-5">
-            {ticket2 == "" ? (
-              <iframe
-                src={`${baseUrl + view4 + param}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            ) : (
-              <iframe
-                src={`${`${url + ticket2}/${view4}${param}`}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            )}
-          </div>
-        </Card>
-        <Card className="rounded-sm w-4/12 p-3">
-          <div className="flex flex-row justify-between">
-            <p className="text-base font-semibold">
-              Upload konten hari ini Polres
-            </p>
-            <LucideBoxSelect />
-          </div>
-          <div className="my-5">
-            {ticket3 == "" ? (
-              <iframe
-                src={`${baseUrl + view5 + param}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            ) : (
-              <iframe
-                src={`${`${url + ticket3}/${view5}${param}`}`}
-                width="100%"
-                height="750"
-                frameBorder="0"
-              />
-            )}
-          </div>
-        </Card>
+      <div className="mt-3 flex gap-2 flex-row justify-center">
+        {/* Polda */}
+        {(levelNumber === "1" || levelNumber === "2") && (
+          <Card
+            className={`rounded-sm p-3 ${
+              levelNumber === "2" ? "w-6/12" : "w-4/12"
+            }`}
+          >
+            <div className="flex flex-row justify-between">
+              <p className="text-base font-semibold">
+                Upload konten hari ini Polda
+              </p>
+              <LucideBoxSelect />
+            </div>
+            <div className="my-5">
+              {ticket1 == "" ? (
+                <iframe
+                  src={`${baseUrl + view4 + param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              ) : (
+                <iframe
+                  src={`${url + ticket1}/${view4}${param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              )}
+            </div>
+          </Card>
+        )}
+
+        {/* Satker */}
+        {(levelNumber === "1" || levelNumber === "3") && (
+          <Card
+            className={`rounded-sm p-3 ${
+              levelNumber === "3" ? "w-full" : "w-4/12"
+            }`}
+          >
+            <div className="flex flex-row justify-between">
+              <p className="text-base font-semibold">
+                Upload konten hari ini Satker
+              </p>
+              <LucideBoxSelect />
+            </div>
+            <div className="my-5">
+              {ticket2 == "" ? (
+                <iframe
+                  src={`${baseUrl + view6 + param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              ) : (
+                <iframe
+                  src={`${url + ticket2}/${view6}${param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              )}
+            </div>
+          </Card>
+        )}
+
+        {/* Polres */}
+        {(levelNumber === "1" || levelNumber === "2") && (
+          <Card
+            className={`rounded-sm p-3 ${
+              levelNumber === "2" ? "w-6/12" : "w-4/12"
+            }`}
+          >
+            <div className="flex flex-row justify-between">
+              <p className="text-base font-semibold">
+                Upload konten hari ini Polres
+              </p>
+              <LucideBoxSelect />
+            </div>
+            <div className="my-5">
+              {ticket3 == "" ? (
+                <iframe
+                  src={`${baseUrl + view5 + param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              ) : (
+                <iframe
+                  src={`${url + ticket3}/${view5}${param}`}
+                  width="100%"
+                  height="750"
+                  frameBorder="0"
+                />
+              )}
+            </div>
+          </Card>
+        )}
       </div>
       <div className="w-full mt-3">
         <Card className="rounded-sm p-3 h-[750px]">
diff --git a/components/visualization/content-production.tsx b/components/visualization/content-production.tsx
index ed912edb..a700c4be 100644
--- a/components/visualization/content-production.tsx
+++ b/components/visualization/content-production.tsx
@@ -10,7 +10,7 @@ export default function ContentProductionVisualization() {
   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("");
@@ -21,26 +21,34 @@ export default function ContentProductionVisualization() {
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
 
+  const safeLevelName = levelName ?? "";
+
   const view1 =
     levelName == "MABES POLRI"
       ? isInternational[0]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi-polda?provinsi-polda=${provState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda?provinsi-polda=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda?provinsi-polda=DKI JAKARTA`;
 
   const view2 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-publisher?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-publisher?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-publisher-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-publisher-polda?polda-selected=${state}&`;
 
   const view3 =
     levelName == "MABES POLRI"
       ? isInternational[2]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda?polda-selected=${state}`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda?polda-selected=${state}&`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
diff --git a/components/visualization/dashboard-viz.tsx b/components/visualization/dashboard-viz.tsx
index 97721ee6..6ab6811e 100644
--- a/components/visualization/dashboard-viz.tsx
+++ b/components/visualization/dashboard-viz.tsx
@@ -8,7 +8,7 @@ import { useTranslations } from "next-intl";
 
 export default function DashboardVisualization() {
   const levelName = getCookiesDecrypt("ulnae");
-  const poldaState = Cookies.get("state");
+  const state = Cookies.get("state");
   const t = useTranslations("AnalyticsDashboard");
 
   const [ticket1, setTicket1] = useState("");
@@ -18,26 +18,34 @@ export default function DashboardVisualization() {
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
 
+  const safeLevelName = levelName ?? "";
+
   const view1 =
-    levelName == "MABES POLRI"
+    safeLevelName === "MABES POLRI"
       ? isInternational[0]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-monitor?"
-        : "views/2023_09_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?"
-      : `views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${poldaState}&`;
+        : "views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&`
+      : `views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?satker-selected=${state}&`;
 
   const view2 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-interaction-konten?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-konten-polda?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-konten-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-konten-polda?polda-selected=${state}&`;
 
   const view3 =
     levelName == "MABES POLRI"
       ? isInternational[2]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-penugasan?"
         : "views/2023_09_db-penugasan_rev100/db-penugasan?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-penugasan-polda?provinsi-polda=${poldaState}&`;
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_09_db-penugasan_rev100/db-penugasan?polda-selected=${state}&`
+      : `views/2023_09_db-penugasan_rev100/db-penugasan?polda-selected=${state}&`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
diff --git a/components/visualization/management-user-viz.tsx b/components/visualization/management-user-viz.tsx
index 6f7faa4a..5003dc11 100644
--- a/components/visualization/management-user-viz.tsx
+++ b/components/visualization/management-user-viz.tsx
@@ -10,7 +10,7 @@ export default function ManagementUserVisualization() {
   const [ticket, setTicket] = useState("");
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
-  const view = "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-user-count?:iid=5&";
+  const view = "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-user-count?";
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
   const [isInternational, setIsInternational] = useState(false);
   const t = useTranslations("AnalyticsDashboard");
diff --git a/components/visualization/pattern-relation-viz.tsx b/components/visualization/pattern-relation-viz.tsx
index 829867be..d5bdb746 100644
--- a/components/visualization/pattern-relation-viz.tsx
+++ b/components/visualization/pattern-relation-viz.tsx
@@ -10,7 +10,7 @@ export default function PatternRelationVisualization() {
   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("");
@@ -22,33 +22,43 @@ export default function PatternRelationVisualization() {
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
 
+  const safeLevelName = levelName ?? "";
+
   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_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10-polda?provinsi-polda=${provState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-top10?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-top10-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-top10-polda?polda-selected=${state}`;
 
   const view2 =
     levelName == "MABES POLRI"
       ? isInternational[1]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-polda?polda-selected=${state}`;
 
   const view3 =
     levelName == "MABES POLRI"
       ? isInternational[2]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori-top10?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori-top10?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori-top10-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori-top10-polda?polda-selected=${state}&`;
 
   const view4 =
     levelName == "MABES POLRI"
       ? isInternational[3]
         ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori?"
-        : "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?"
-      : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-polda?provinsi-polda=${poldaState}&`;
+        : "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori?"
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori-polda?polda-selected=${state}&`
+      : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-konten-kategori-polda?polda-selected=${state}&`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
diff --git a/components/visualization/performance-polda.tsx b/components/visualization/performance-polda.tsx
index 53fab4aa..5676fd61 100644
--- a/components/visualization/performance-polda.tsx
+++ b/components/visualization/performance-polda.tsx
@@ -10,7 +10,7 @@ export default function PerformancePoldaViz() {
   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("");
@@ -22,19 +22,23 @@ export default function PerformancePoldaViz() {
   const baseUrl = "https://analytic.sitani.info/";
   const url = "https://analytic.sitani.info/trusted/";
 
+  const safeLevelName = levelName ?? "";
+
   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-ranking-polda?"
-      : `/views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${provState}&`;
+      : `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`;
 
   const view2 =
     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=${poldaState}&`;
+      : safeLevelName.includes("POLDA")
+      ? `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`
+      : `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`;
 
   const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";