From 3e727dad9b4bf90440a851f77733c718f3c30a25 Mon Sep 17 00:00:00 2001
From: amd123 <iam.ahmadsholeh@gmail.com>
Date: Wed, 20 Mar 2024 10:14:01 +0700
Subject: [PATCH] feat: dynamic ppid satker

---
 .../informasi-berkala/page.tsx                |   7 +
 .../informasi-dikecualikan/page.tsx           |   7 +
 .../informasi-serta-merta/page.tsx            |   8 +
 .../informasi-setiap-saat/page.tsx            |   8 +
 .../{ => informasi-publik}/layout.tsx         |   0
 .../penerangan-satuan/page.tsx                |   8 +
 .../uu-dan-peraturan/page.tsx                 |   8 +
 .../satuan-kerja/[satker-name]/page.tsx       |   4 +
 .../[satker-name]/profile/layout.tsx          |  19 +
 components/Portal PPID/PPIDMainSatker.tsx     |   1 -
 components/Portal PPID/PPIDPolda.tsx          |  10 +-
 components/Portal PPID/PPIDSatker.tsx         | 380 ++++--------------
 components/Portal PPID/PublicInformation.tsx  |  18 +-
 components/Portal PPID/Statistics.tsx         |   8 +-
 components/Portal PPID/ppid-banner.tsx        |   1 -
 components/navbar/FooterSatker.tsx            |   2 +-
 components/navbar/NavbarSatker.tsx            |  16 +-
 .../{polda-jabar.svg => polda-jawa-barat.svg} |   0
 ...lda-sulut.svg => polda-sulawesi-utara.svg} |   0
 .../satker/{humas.svg => div-humas.svg}       |   0
 .../satker/{pusdokes.svg => pusdokkes.svg}    |   0
 21 files changed, 193 insertions(+), 312 deletions(-)
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-dikecualikan/page.tsx
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-serta-merta/page.tsx
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-setiap-saat/page.tsx
 rename app/portal-ppid/satuan-kerja/[satker-name]/{ => informasi-publik}/layout.tsx (100%)
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/penerangan-satuan/page.tsx
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/uu-dan-peraturan/page.tsx
 create mode 100644 app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx
 rename public/assets/polda/{polda-jabar.svg => polda-jawa-barat.svg} (100%)
 rename public/assets/polda/{polda-sulut.svg => polda-sulawesi-utara.svg} (100%)
 rename public/assets/satker/{humas.svg => div-humas.svg} (100%)
 rename public/assets/satker/{pusdokes.svg => pusdokkes.svg} (100%)

diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx
new file mode 100644
index 0000000..3d60269
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx
@@ -0,0 +1,7 @@
+import InformasiBerkala from '@/components/table/informasi-berkala'
+
+export default function InformasiSMPage() {
+    return (
+        <InformasiBerkala />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-dikecualikan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-dikecualikan/page.tsx
new file mode 100644
index 0000000..f7ad79d
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-dikecualikan/page.tsx
@@ -0,0 +1,7 @@
+import InformasiDikecualikan from '@/components/table/informasi-dikecualikan'
+
+export default function InfromationExcluded() {
+    return (
+        <InformasiDikecualikan />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-serta-merta/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-serta-merta/page.tsx
new file mode 100644
index 0000000..748acb3
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-serta-merta/page.tsx
@@ -0,0 +1,8 @@
+import InformasiSertaMerta from '@/components/table/informasi-sertamerta'
+import React from 'react'
+
+export default function InformasiSMPage() {
+    return (
+        <InformasiSertaMerta />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-setiap-saat/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-setiap-saat/page.tsx
new file mode 100644
index 0000000..f8c585c
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-setiap-saat/page.tsx
@@ -0,0 +1,8 @@
+import InformasiSetiapSaat from '@/components/table/informasi-setiap-saat'
+import React from 'react'
+
+export default function InformasiSSPage() {
+    return (
+        <InformasiSetiapSaat />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx
similarity index 100%
rename from app/portal-ppid/satuan-kerja/[satker-name]/layout.tsx
rename to app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/penerangan-satuan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/penerangan-satuan/page.tsx
new file mode 100644
index 0000000..f96f194
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/penerangan-satuan/page.tsx
@@ -0,0 +1,8 @@
+import PeneranganSatuan from '@/components/table/penerangan-satuan'
+import React from 'react'
+
+export default function UnitIlumintaion() {
+    return (
+        <PeneranganSatuan />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/uu-dan-peraturan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/uu-dan-peraturan/page.tsx
new file mode 100644
index 0000000..fe0c764
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/uu-dan-peraturan/page.tsx
@@ -0,0 +1,8 @@
+import UUPeraturan from '@/components/table/uu-peraturan'
+import React from 'react'
+
+export default function LawsRegulation() {
+    return (
+        <UUPeraturan />
+    )
+}
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx
index fe24701..7d6e5ce 100644
--- a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx
@@ -1,6 +1,8 @@
 'use client'
 import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
 import PPIDBanner from '@/components/Portal PPID/ppid-banner';
+import FooterSatker from '@/components/navbar/FooterSatker';
+import NavbarSatker from '@/components/navbar/NavbarSatker';
 import { usePathname } from 'next/navigation';
 
 export default function SatkerPage() {
@@ -9,8 +11,10 @@ export default function SatkerPage() {
 
     return (
         <div className='text-black'>
+            <NavbarSatker />
             <PPIDBanner url={url} />
             <PPIDSatkerMain />
+            <FooterSatker />
         </div>
     )
 }
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx
new file mode 100644
index 0000000..36d5457
--- /dev/null
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx
@@ -0,0 +1,19 @@
+'use client'
+import { SatkerLayout } from '@/components/layout/SatKerLayout';
+import { usePathname } from 'next/navigation';
+import React from 'react';
+
+export default function DinamicSatkerLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
+    // const pathname = usePathname();
+    // console.log(pathname)
+
+    return (
+        <SatkerLayout>
+            {children}
+        </SatkerLayout>
+    )
+}
diff --git a/components/Portal PPID/PPIDMainSatker.tsx b/components/Portal PPID/PPIDMainSatker.tsx
index 48be944..74a0b39 100644
--- a/components/Portal PPID/PPIDMainSatker.tsx	
+++ b/components/Portal PPID/PPIDMainSatker.tsx	
@@ -2,7 +2,6 @@
 import LatestNews from './LatestNews'
 import MediaUpdate from './MediaUpdate'
 import PPIDSatkerSidebar from './PPIDSatkerSidebar'
-import PPIDSidebar from './PPIDSidebar'
 import PublicInformation from './PublicInformation'
 import Statistics from './Statistics'
 
diff --git a/components/Portal PPID/PPIDPolda.tsx b/components/Portal PPID/PPIDPolda.tsx
index 70f031d..89655fd 100644
--- a/components/Portal PPID/PPIDPolda.tsx	
+++ b/components/Portal PPID/PPIDPolda.tsx	
@@ -1,8 +1,8 @@
 'use client'
-import { BreadcrumbItem, Breadcrumbs, Button, Image, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@nextui-org/react";
-import PPIDSidebar from '../Portal PPID/PPIDSidebar';
-import { EyeFilledIcon, SearchIcon } from '../icons';
+import { BreadcrumbItem, Breadcrumbs, Button, Image, Input } from "@nextui-org/react";
 import Link from "next/link";
+import PPIDSidebar from '../Portal PPID/PPIDSidebar';
+import { SearchIcon } from '../icons';
 
 
 export default function PPIDPolda() {
@@ -16,7 +16,7 @@ export default function PPIDPolda() {
         },
         {
             id: 2,
-            img: "/assets/polda/polda-jabar.svg",
+            img: "/assets/polda/polda-jawa-barat.svg",
             title: "Polda Jawa Barat",
             path: 'polda/polda-jawa-barat'
         },
@@ -172,7 +172,7 @@ export default function PPIDPolda() {
         },
         {
             id: 28,
-            img: "/assets/polda/polda-sulut.svg",
+            img: "/assets/polda/polda-sulawesi-utara.svg",
             title: "Polda Sulawesi Utara",
             path: 'polda/polda-sulawesi-utara'
         },
diff --git a/components/Portal PPID/PPIDSatker.tsx b/components/Portal PPID/PPIDSatker.tsx
index a5ab716..25aa5d1 100644
--- a/components/Portal PPID/PPIDSatker.tsx	
+++ b/components/Portal PPID/PPIDSatker.tsx	
@@ -7,223 +7,195 @@ import { SearchIcon } from '../icons';
 
 export default function PPIDSatker() {
 
+
     const listSatkerAll = [
         {
             id: 1,
-            img: "/assets/polda/polda-metro.svg",
-            title: "Polda Metro Jaya",
-            path: 'polda/polda-metro-jaya'
+            img: "/assets/satker/siber.svg",
+            path: 'satuan-kerja/siber'
         },
         {
             id: 2,
-            img: "/assets/polda/polda-jabar.svg",
-            title: "Polda Jawa Barat",
-            path: 'polda/polda-jawa-barat'
+            img: "/assets/satker/divkum.svg",
+            path: 'satuan-kerja/divkum'
         },
         {
             id: 3,
-            img: "/assets/polda/polda-banten.svg",
-            title: "Polda Banten",
-            path: 'polda/polda-banten'
+            img: "/assets/satker/puskeu.svg",
+            path: 'satuan-kerja/puskeu'
         },
         {
             id: 4,
-            img: "/assets/polda/polda-jateng.svg",
-            title: "Polda Jawa Tengah",
-            path: 'polda/polda-jateng'
+            img: "/assets/satker/ssdm.svg",
+            path: 'satuan-kerja/ssdm'
         },
         {
             id: 5,
-            img: "/assets/polda/polda-diy.svg",
-            title: "Polda D.I Yogyakarta",
-            path: 'polda/polda-daerah-istimewa-yogyakarta'
+            img: "/assets/satker/itwasum.svg",
+            path: 'satuan-kerja/itwasum'
         },
         {
             id: 6,
-            img: "/assets/polda/polda-jatim.svg",
-            title: "Polda Jawa Timur",
-            path: 'polda/polda-jawa-timur'
+            img: "/assets/satker/stik-ptik.svg",
+            path: 'satuan-kerja/stik-ptik'
         },
         {
             id: 7,
-            img: "/assets/polda/polda-aceh.svg",
-            title: "Polda Aceh",
-            path: 'polda/polda-aceh'
+            img: "/assets/satker/brimob.svg",
+            path: 'satuan-kerja/brimob'
         },
         {
             id: 8,
-            img: "/assets/polda/polda-sumut.svg",
-            title: "Polda Sumatra Utara",
-            path: 'polda/polda-sumatra-utara'
+            img: "/assets/satker/div-humas.svg",
+            path: 'satuan-kerja/div-humas'
         },
         {
             id: 9,
-            img: "/assets/polda/polda-sumbar.svg",
-            title: "Polda Sumatra Barat",
-            path: 'polda/polda-sumatra-barat'
+            img: "/assets/satker/puslitbang.svg",
+            path: 'satuan-kerja/puslitbang'
         },
         {
             id: 10,
-            img: "/assets/polda/polda-riau.svg",
-            title: "Polda Riau",
-            path: 'polda/polda-riau'
+            img: "/assets/satker/binmas.svg",
+            path: 'satuan-kerja/binmas'
         },
         {
             id: 11,
-            img: "/assets/polda/polda-kepri.svg",
-            title: "Polda Kep.Riau",
-            path: 'polda/polda-kepulauan-riau'
+            img: "/assets/satker/divtik.svg",
+            path: 'satuan-kerja/divtik'
         },
         {
             id: 12,
-            img: "/assets/polda/polda-jambi.svg",
-            title: "Polda Jambi",
-            path: 'polda/polda-jambi'
+            img: "/assets/satker/spripim.svg",
+            path: 'satuan-kerja/spripim'
         },
         {
             id: 13,
-            img: "/assets/polda/polda-jambi.svg",
-            title: "Polda Jambi",
-            path: 'polda/polda-jambi'
+            img: "/assets/satker/propam.svg",
+            path: 'satuan-kerja/propam'
         },
         {
             id: 14,
-            img: "/assets/polda/polda-sumsel.svg",
-            title: "Polda Sumatra Selatan",
-            path: 'polda/polda-sumatra-selatan'
+            img: "/assets/satker/baharkam.svg",
+            path: 'satuan-kerja/sabhara-baharkam'
         },
         {
             id: 15,
-            img: "/assets/polda/polda-sumsel.svg",
-            title: "Polda Kep.Bangka Belitung",
-            path: 'polda/polda-bangka-belitung'
+            img: "/assets/satker/pusdokkes.svg",
+            path: 'satuan-kerja/pusdokkes'
         },
         {
             id: 16,
-            img: "/assets/polda/polda-bengkulu.svg",
-            title: "Polda Bengkulu",
-            path: 'polda/polda-bengkulu'
+            img: "/assets/satker/baharkam2.svg",
+            path: 'satuan-kerja/baharkam'
         },
         {
             id: 17,
-            img: "/assets/polda/polda-lampung.svg",
-            title: "Polda Lampung",
-            path: 'polda/polda-lampung'
+            img: "/assets/satker/polairud.svg",
+            path: 'satuan-kerja/polairud'
         },
         {
             id: 18,
-            img: "/assets/polda/polda-ntb.svg",
-            title: "Polda Nusa Tenggara Barat",
-            path: 'polda/polda-ntb'
+            img: "/assets/satker/polair.svg",
+            path: 'satuan-kerja/polair'
         },
         {
             id: 19,
-            img: "/assets/polda/polda-ntb.svg",
-            title: "Polda Nusa Tenggara Barat",
-            path: 'polda/polda-ntb'
+            img: "/assets/satker/poludara.svg",
+            path: 'satuan-kerja/poludara'
         },
         {
             id: 20,
-            img: "/assets/polda/polda-ntt.svg",
-            title: "Polda Nusa Tenggara Timur",
-            path: 'polda/polda-ntt'
+            img: "/assets/satker/lemdiklat.svg",
+            path: 'satuan-kerja/lemdiklat'
         },
         {
             id: 21,
-            img: "/assets/polda/polda-bali.svg",
-            title: "Polda Bali",
-            path: 'polda/polda-bali'
+            img: "/assets/satker/akpol.svg",
+            path: 'satuan-kerja/akpol'
         },
         {
             id: 22,
-            img: "/assets/polda/polda-kalbar.svg",
-            title: "Polda Kalimantan Barat",
-            path: 'polda/polda-kalimantan-barat'
+            img: "/assets/satker/korlantas.svg",
+            path: 'satuan-kerja/korlantas'
         },
         {
             id: 23,
-            img: "/assets/polda/polda-kalteng.svg",
-            title: "Polda Kalimantan Tengah",
-            path: 'polda/polda-kalimantan-tengah'
+            img: "/assets/satker/pusinafis.svg",
+            path: 'satuan-kerja/pusinafis'
         },
         {
             id: 24,
-            img: "/assets/polda/polda-kalsel.svg",
-            title: "Polda Kalimantan Selatan",
-            path: 'polda/polda-kalimantan-selatan'
+            img: "/assets/satker/pusjarah.svg",
+            path: 'satuan-kerja/pusjarah'
         },
         {
             id: 25,
-            img: "/assets/polda/polda-kaltim.svg",
-            title: "Polda Kalimantan Timur",
-            path: 'polda/polda-kalimantan-timur'
+            img: "/assets/satker/pusiknas.svg",
+            path: 'satuan-kerja/pusiknas'
         },
         {
             id: 26,
-            img: "/assets/polda/polda-kalut.svg",
-            title: "Polda Kalimantan Utara",
-            path: 'polda/polda-kalimantan-utara'
+            img: "/assets/satker/slog.svg",
+            path: 'satuan-kerja/slog'
         },
         {
             id: 27,
-            img: "/assets/polda/polda-sulteng.svg",
-            title: "Polda Sulawesi Tengah",
-            path: 'polda/polda-sulawesi-tengah'
+            img: "/assets/satker/baintelkam.svg",
+            path: 'satuan-kerja/baintelkam'
         },
         {
             id: 28,
-            img: "/assets/polda/polda-sulut.svg",
-            title: "Polda Sulawesi Utara",
-            path: 'polda/polda-sulawesi-utara'
+            img: "/assets/satker/bareskrim.svg",
+            path: 'satuan-kerja/bareskrim'
         },
         {
             id: 29,
-            img: "/assets/polda/polda-gorontalo.svg",
-            title: "Polda Gorontalo",
-            path: 'polda/polda-gorontalo'
+            img: "/assets/satker/divhubinter.svg",
+            path: 'satuan-kerja/div-hubinter'
         },
         {
             id: 30,
-            img: "/assets/polda/polda-sulbar.svg",
-            title: "Polda Sulawesi Barat",
-            path: 'polda/polda-sulawesi-barat'
+            img: "/assets/satker/setum.svg",
+            path: 'satuan-kerja/setum'
         },
         {
             id: 31,
-            img: "/assets/polda/polda-sulsel.svg",
-            title: "Polda Sulawesi Selatan",
-            path: 'polda/polda-sulawesi-selatan'
+            img: "/assets/satker/puslabfor.svg",
+            path: 'satuan-kerja/puslabfor'
         },
         {
             id: 32,
-            img: "/assets/polda/polda-sultenggara.svg",
-            title: "Polda Sulawesi Tenggara",
-            path: 'polda/polda-sulawesi-tenggara'
+            img: "/assets/satker/densus.svg",
+            path: 'satuan-kerja/densus88'
         },
         {
             id: 33,
-            img: "/assets/polda/polda-malut.svg",
-            title: "Polda Maluku Utara",
-            path: 'polda/polda-maluku-utara'
+            img: "/assets/satker/sahli-kapolri.svg",
+            path: 'satuan-kerja/sahli-kapolri'
         },
         {
             id: 34,
-            img: "/assets/polda/polda-maluku.svg",
-            title: "Polda Maluku",
-            path: 'polda/polda-maluku'
+            img: "/assets/satker/sops.svg",
+            path: 'satuan-kerja/sops'
         },
         {
             id: 35,
-            img: "/assets/polda/polda-papuabarat.svg",
-            title: "Polda Papua Barat",
-            path: 'polda/polda-papua-barat'
+            img: "/assets/satker/srena.svg",
+            path: 'satuan-kerja/srena'
         },
         {
             id: 36,
-            img: "/assets/polda/polda-papua.svg",
-            title: "Polda Papua",
-            path: 'polda/polda-papua'
+            img: "/assets/satker/sespim.svg",
+            path: 'satuan-kerja/sespim'
         },
+        {
+            id: 37,
+            img: "/assets/satker/setupa.svg",
+            path: 'satuan-kerja/setupa'
+        },
+
+
 
     ];
 
@@ -267,191 +239,13 @@ export default function PPIDSatker() {
                     <div className='pt-4 space-y- border border-[#DD8306] rounded-lg bg-[#FFFFFF]'>
                         <div className="text-center text-xl font-semibold underline underline-offset-8 decoration-red-600">Satuan Kerja</div>
                         <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 pt-8  gap-3">
-                            <div className="flex justify-center">
-                                <Link href='satuan-kerja/siber'>
-                                    <img src="/assets/satker/siber.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/divkum'>
-                                    <img src="/assets/satker/divkum.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/puskeu'>
-                                    <img src="/assets/satker/puskeu.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/ssdm'>
-                                    <img src="/assets/satker/ssdm.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/itwasum'>
-                                    <img src="/assets/satker/itwasum.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/stik-ptik'>
-                                    <img src="/assets/satker/stik-ptik.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/stik-brimob'>
-                                    <img src="/assets/satker/brimob.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/stik-div-humas'>
-                                    <img src="/assets/satker/humas.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/stik-puslitbang'>
-                                    <img src="/assets/satker/puslitbang.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/binmas'>
-                                    <img src="/assets/satker/binmas.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/divtik'>
-                                    <img src="/assets/satker/divtik.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/spripim'>
-                                    <img src="/assets/satker/spripim.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/div-propam'>
-                                    <img src="/assets/satker/propam.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/korps-sabhara-baharkam'>
-                                    <img src="/assets/satker/baharkam.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/pusdokkes'>
-                                    <img src="/assets/satker/pusdokes.svg" alt="logo" className="h-[89px]" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/baharkam'>
-                                    <img src="/assets/satker/baharkam2.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/polairud'>
-                                    <img src="/assets/satker/polairud.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/polair'>
-                                    <img src="/assets/satker/polair.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/poludara'>
-                                    <img src="/assets/satker/poludara.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/lemdiklat'>
-                                    <img src="/assets/satker/lemdiklat.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/akpol'>
-                                    <img src="/assets/satker/akpol.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/korlantas'>
-                                    <img src="/assets/satker/korlantas.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/pusinafis'>
-                                    <img src="/assets/satker/pusinafis.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/pusjarah'>
-                                    <img src="/assets/satker/pusjarah.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/pusiknas'>
-                                    <img src="/assets/satker/pusiknas.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/slog'>
-                                    <img src="/assets/satker/slog.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/baintelkam'>
-                                    <img src="/assets/satker/baintelkam.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/bareskrim'>
-                                    <img src="/assets/satker/bareskrim.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/div-hubinter'>
-                                    <img src="/assets/satker/divhubinter.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/setum'>
-                                    <img src="/assets/satker/setum.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/puslabfor'>
-                                    <img src="/assets/satker/puslabfor.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/densus88'>
-                                    <img src="/assets/satker/densus.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/sahli-kapolri'>
-                                    <img src="/assets/satker/sahli-kapolri.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/sops'>
-                                    <img src="/assets/satker/sops.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/srena'>
-                                    <img src="/assets/satker/srena.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center">
-                                <Link href='satuan-kerja/sespim'>
-                                    <img src="/assets/satker/sespim.svg" alt="logo" />
-                                </Link>
-                            </div>
-                            <div className="flex items-center justify-center   lg:col-span-6">
-                                <Link href='satuan-kerja/setupa'>
-                                    <img src="/assets/satker/setupa.svg" alt="logo" />
-                                </Link>
-                            </div>
+                            {listSatkerAll.map((data) => (
+                                <div className="flex justify-center">
+                                    <Link href={data.path}>
+                                        <img src={data.img} alt="logo" />
+                                    </Link>
+                                </div>
+                            ))}
                         </div>
                     </div>
                 </div>
diff --git a/components/Portal PPID/PublicInformation.tsx b/components/Portal PPID/PublicInformation.tsx
index 45a334d..166a883 100644
--- a/components/Portal PPID/PublicInformation.tsx	
+++ b/components/Portal PPID/PublicInformation.tsx	
@@ -1,10 +1,26 @@
+'use client'
+import Link from 'next/link';
+import { usePathname } from 'next/navigation'
 import React from 'react'
 
 export default function PublicInformation() {
+    const pathname = usePathname()
+    const currentPath = pathname;
+
+    let targetPath;
+    if (currentPath.includes('/satuan-kerja')) {
+        // Jika path adalah '/portal-ppid', arahkan ke '/portal-ppid/informasi-publik'
+        targetPath = '/portal-ppid/informasi-publik/informasi-serta-merta';
+    } {
+        // Jika path adalah '/portal-ppid/satuan-kerja/div-humas', arahkan ke '/portal-ppid/satuan-kerja/div-humas/informasi-publik'
+        targetPath = '/portal-ppid/satuan-kerja/div-humas/informasi-publik/informasi-serta-merta';
+    }
+
     return (
         <div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
             <div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
-                Informasi Publik
+                {targetPath} <br />
+                {currentPath}
             </div>
             <div className='grid grid-col-2  md:grid-cols-3 lg:grid-cols-4 gap-4 text-white font-semibold text-md'>
                 <div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>
diff --git a/components/Portal PPID/Statistics.tsx b/components/Portal PPID/Statistics.tsx
index e8c92f4..f4f103a 100644
--- a/components/Portal PPID/Statistics.tsx	
+++ b/components/Portal PPID/Statistics.tsx	
@@ -7,22 +7,22 @@ export default function Statistics() {
             <p className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>Statistik Pengunjung</p>
             <div className='w-auto  grid grid-cols-2 lg:grid-cols-4 bg-white rounded-lg'>
                 <div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3 '>
-                    <div><img src="pengaduan.png" alt="laporan" /></div>
+                    <div><img src="/pengaduan.png" alt="laporan" /></div>
                     <div className='text-xl font-bold text-[#DD8306]'>5,000+</div>
                     <div className='text-sm font font-bold text-[#DD8306]'>Pengaduan</div>
                 </div>
                 <div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
-                    <div><img src="permintaan-informasi.png" alt="laporan" /></div>
+                    <div><img src="/permintaan-informasi.png" alt="laporan" /></div>
                     <div className='text-xl font-bold text-[#DD8306]'>97,439+</div>
                     <div className='text-sm font font-bold text-[#DD8306]'>Permintaan Informasi</div>
                 </div>
                 <div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
-                    <div><img src="keberatan.png" alt="laporan" /></div>
+                    <div><img src="/keberatan.png" alt="laporan" /></div>
                     <div className='text-xl font-bold text-[#DD8306]'>39+</div>
                     <div className='text-sm font font-bold text-[#DD8306]'>Keberatan</div>
                 </div>
                 <div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
-                    <div><img src="lapor.png" alt="laporan" /></div>
+                    <div><img src="/lapor.png" alt="laporan" /></div>
                     <div className='text-xl font-bold text-[#DD8306]'>16+</div>
                     <div className='text-sm font font-bold text-[#DD8306]'>Lapor!</div>
                 </div>
diff --git a/components/Portal PPID/ppid-banner.tsx b/components/Portal PPID/ppid-banner.tsx
index 9f4a821..cb8aa05 100644
--- a/components/Portal PPID/ppid-banner.tsx	
+++ b/components/Portal PPID/ppid-banner.tsx	
@@ -6,7 +6,6 @@ interface PPIDBannerProps {
     url: string;
 }
 
-
 export default function PPIDBanner({ url }: PPIDBannerProps) {
 
     return (
diff --git a/components/navbar/FooterSatker.tsx b/components/navbar/FooterSatker.tsx
index 90150ba..2de5644 100644
--- a/components/navbar/FooterSatker.tsx
+++ b/components/navbar/FooterSatker.tsx
@@ -4,7 +4,7 @@ import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtI
 export default function FooterSatker() {
     return (
         <>
-            <div className='w-full  bg-[#1F1A17] flex flex-col md:grid md:grid-cols-3 lg:grid-cols-4 gap-0 md:gap-3 lg:gap-7 p-2 lg:p-16  text-sm'>
+            <div id='footer-satker' className='w-full  bg-[#1F1A17] flex flex-col md:grid md:grid-cols-3 lg:grid-cols-4 gap-0 md:gap-3 lg:gap-7 p-2 lg:p-16  text-sm'>
                 <div className=' flex-col hidden lg:block'>
                     <img src="/e-ppid.png" alt="logo" />
                 </div>
diff --git a/components/navbar/NavbarSatker.tsx b/components/navbar/NavbarSatker.tsx
index 8e106d3..fbe70fb 100644
--- a/components/navbar/NavbarSatker.tsx
+++ b/components/navbar/NavbarSatker.tsx
@@ -8,6 +8,9 @@ import { usePathname } from 'next/navigation'
 export default function NavbarSatker() {
     const pathname = usePathname()
     const newPathname = pathname.split('/')[3]
+    const isPolda = pathname.split('/')[2] == "polda"
+    console.log(isPolda, "polda");
+
 
     return (
         <Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
@@ -17,7 +20,8 @@ export default function NavbarSatker() {
                         <div className='h-full flex'>
                             <img src="/assets/satker/EPPID2.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 flex' />
                             <div className='absolute top-5 right-[-35px]'>
-                                <img src="/assets/satker/pusdokes.svg" alt="" className='w-36' />
+                                <img src={`/assets/${isPolda ? 'polda' : 'satker'}/${newPathname}.svg`} alt="" className={isPolda ? 'w-14 mr-12 mt-1' : 'w-36 mr-1'} />
+                                <div>{ }</div>
                             </div>
                         </div>
                     </Link>
@@ -70,7 +74,7 @@ export default function NavbarSatker() {
                                 <DropdownItem
                                     endContent={<ChevronRightIcon />}
                                 >
-                                    <Link href='/portal-ppid/informasi-publik/informasi-serta-merta' color='foreground'>
+                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-serta-merta`} color='foreground'>
                                         Informasi Serta Merta
                                     </Link>
                                 </DropdownItem>
@@ -151,19 +155,19 @@ export default function NavbarSatker() {
                                 </DropdownItem>
                                 <DropdownItem
                                     endContent={<ChevronRightIcon />}>
-                                    <Link href='/portal-ppid/profile/tugas-dan-fungsi-ppid' color='foreground'>
+                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/tugas-dan-fungsi-ppid`} color='foreground'>
                                         Tugas dan Fungsi PPID
                                     </Link>
                                 </DropdownItem>
                                 <DropdownItem
                                     endContent={<ChevronRightIcon />}>
-                                    <Link href='/portal-ppid/profile/struktur-ppid' color='foreground'>
+                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/struktur-ppid`} color='foreground'>
                                         Struktur PPID
                                     </Link>
                                 </DropdownItem>
                                 <DropdownItem
                                     endContent={<ChevronRightIcon />}>
-                                    <Link href='/portal-ppid/profile/visi-dan-misi-ppid' color='foreground'>
+                                    <Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/visi-dan-misi-ppid`} color='foreground'>
                                         Visi & Misi PPID
                                     </Link>
                                 </DropdownItem>
@@ -311,7 +315,7 @@ export default function NavbarSatker() {
                             </Link>
                         </NavbarItem>
                         <NavbarItem>
-                            <Link href='/portal-ppid' color='foreground'>
+                            <Link href='#footer-satker' color='foreground'>
                                 Kontak
                             </Link>
                         </NavbarItem>
diff --git a/public/assets/polda/polda-jabar.svg b/public/assets/polda/polda-jawa-barat.svg
similarity index 100%
rename from public/assets/polda/polda-jabar.svg
rename to public/assets/polda/polda-jawa-barat.svg
diff --git a/public/assets/polda/polda-sulut.svg b/public/assets/polda/polda-sulawesi-utara.svg
similarity index 100%
rename from public/assets/polda/polda-sulut.svg
rename to public/assets/polda/polda-sulawesi-utara.svg
diff --git a/public/assets/satker/humas.svg b/public/assets/satker/div-humas.svg
similarity index 100%
rename from public/assets/satker/humas.svg
rename to public/assets/satker/div-humas.svg
diff --git a/public/assets/satker/pusdokes.svg b/public/assets/satker/pusdokkes.svg
similarity index 100%
rename from public/assets/satker/pusdokes.svg
rename to public/assets/satker/pusdokkes.svg