feat: dynamic ppid satker

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 />
+    )
+}

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 />
+    )
+}

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 />
+    )
+}

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 />
+    )
+}

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 />
+    )
+}

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 />
+    )
+}

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>
     )
 }

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>
+    )
+}

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'
 

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 { BreadcrumbItem, Breadcrumbs, Button, Image, Input } from "@nextui-org/react";
-import PPIDSidebar from '../Portal PPID/PPIDSidebar';
-import { EyeFilledIcon, SearchIcon } from '../icons';
 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'
         },

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",
+            img: "/assets/satker/siber.svg",
-            title: "Polda Metro Jaya",
+            path: 'satuan-kerja/siber'
-            path: 'polda/polda-metro-jaya'
         },
         {
             id: 2,
-            img: "/assets/polda/polda-jabar.svg",
+            img: "/assets/satker/divkum.svg",
-            title: "Polda Jawa Barat",
+            path: 'satuan-kerja/divkum'
-            path: 'polda/polda-jawa-barat'
         },
         {
             id: 3,
-            img: "/assets/polda/polda-banten.svg",
+            img: "/assets/satker/puskeu.svg",
-            title: "Polda Banten",
+            path: 'satuan-kerja/puskeu'
-            path: 'polda/polda-banten'
         },
         {
             id: 4,
-            img: "/assets/polda/polda-jateng.svg",
+            img: "/assets/satker/ssdm.svg",
-            title: "Polda Jawa Tengah",
+            path: 'satuan-kerja/ssdm'
-            path: 'polda/polda-jateng'
         },
         {
             id: 5,
-            img: "/assets/polda/polda-diy.svg",
+            img: "/assets/satker/itwasum.svg",
-            title: "Polda D.I Yogyakarta",
+            path: 'satuan-kerja/itwasum'
-            path: 'polda/polda-daerah-istimewa-yogyakarta'
         },
         {
             id: 6,
-            img: "/assets/polda/polda-jatim.svg",
+            img: "/assets/satker/stik-ptik.svg",
-            title: "Polda Jawa Timur",
+            path: 'satuan-kerja/stik-ptik'
-            path: 'polda/polda-jawa-timur'
         },
         {
             id: 7,
-            img: "/assets/polda/polda-aceh.svg",
+            img: "/assets/satker/brimob.svg",
-            title: "Polda Aceh",
+            path: 'satuan-kerja/brimob'
-            path: 'polda/polda-aceh'
         },
         {
             id: 8,
-            img: "/assets/polda/polda-sumut.svg",
+            img: "/assets/satker/div-humas.svg",
-            title: "Polda Sumatra Utara",
+            path: 'satuan-kerja/div-humas'
-            path: 'polda/polda-sumatra-utara'
         },
         {
             id: 9,
-            img: "/assets/polda/polda-sumbar.svg",
+            img: "/assets/satker/puslitbang.svg",
-            title: "Polda Sumatra Barat",
+            path: 'satuan-kerja/puslitbang'
-            path: 'polda/polda-sumatra-barat'
         },
         {
             id: 10,
-            img: "/assets/polda/polda-riau.svg",
+            img: "/assets/satker/binmas.svg",
-            title: "Polda Riau",
+            path: 'satuan-kerja/binmas'
-            path: 'polda/polda-riau'
         },
         {
             id: 11,
-            img: "/assets/polda/polda-kepri.svg",
+            img: "/assets/satker/divtik.svg",
-            title: "Polda Kep.Riau",
+            path: 'satuan-kerja/divtik'
-            path: 'polda/polda-kepulauan-riau'
         },
         {
             id: 12,
-            img: "/assets/polda/polda-jambi.svg",
+            img: "/assets/satker/spripim.svg",
-            title: "Polda Jambi",
+            path: 'satuan-kerja/spripim'
-            path: 'polda/polda-jambi'
         },
         {
             id: 13,
-            img: "/assets/polda/polda-jambi.svg",
+            img: "/assets/satker/propam.svg",
-            title: "Polda Jambi",
+            path: 'satuan-kerja/propam'
-            path: 'polda/polda-jambi'
         },
         {
             id: 14,
-            img: "/assets/polda/polda-sumsel.svg",
+            img: "/assets/satker/baharkam.svg",
-            title: "Polda Sumatra Selatan",
+            path: 'satuan-kerja/sabhara-baharkam'
-            path: 'polda/polda-sumatra-selatan'
         },
         {
             id: 15,
-            img: "/assets/polda/polda-sumsel.svg",
+            img: "/assets/satker/pusdokkes.svg",
-            title: "Polda Kep.Bangka Belitung",
+            path: 'satuan-kerja/pusdokkes'
-            path: 'polda/polda-bangka-belitung'
         },
         {
             id: 16,
-            img: "/assets/polda/polda-bengkulu.svg",
+            img: "/assets/satker/baharkam2.svg",
-            title: "Polda Bengkulu",
+            path: 'satuan-kerja/baharkam'
-            path: 'polda/polda-bengkulu'
         },
         {
             id: 17,
-            img: "/assets/polda/polda-lampung.svg",
+            img: "/assets/satker/polairud.svg",
-            title: "Polda Lampung",
+            path: 'satuan-kerja/polairud'
-            path: 'polda/polda-lampung'
         },
         {
             id: 18,
-            img: "/assets/polda/polda-ntb.svg",
+            img: "/assets/satker/polair.svg",
-            title: "Polda Nusa Tenggara Barat",
+            path: 'satuan-kerja/polair'
-            path: 'polda/polda-ntb'
         },
         {
             id: 19,
-            img: "/assets/polda/polda-ntb.svg",
+            img: "/assets/satker/poludara.svg",
-            title: "Polda Nusa Tenggara Barat",
+            path: 'satuan-kerja/poludara'
-            path: 'polda/polda-ntb'
         },
         {
             id: 20,
-            img: "/assets/polda/polda-ntt.svg",
+            img: "/assets/satker/lemdiklat.svg",
-            title: "Polda Nusa Tenggara Timur",
+            path: 'satuan-kerja/lemdiklat'
-            path: 'polda/polda-ntt'
         },
         {
             id: 21,
-            img: "/assets/polda/polda-bali.svg",
+            img: "/assets/satker/akpol.svg",
-            title: "Polda Bali",
+            path: 'satuan-kerja/akpol'
-            path: 'polda/polda-bali'
         },
         {
             id: 22,
-            img: "/assets/polda/polda-kalbar.svg",
+            img: "/assets/satker/korlantas.svg",
-            title: "Polda Kalimantan Barat",
+            path: 'satuan-kerja/korlantas'
-            path: 'polda/polda-kalimantan-barat'
         },
         {
             id: 23,
-            img: "/assets/polda/polda-kalteng.svg",
+            img: "/assets/satker/pusinafis.svg",
-            title: "Polda Kalimantan Tengah",
+            path: 'satuan-kerja/pusinafis'
-            path: 'polda/polda-kalimantan-tengah'
         },
         {
             id: 24,
-            img: "/assets/polda/polda-kalsel.svg",
+            img: "/assets/satker/pusjarah.svg",
-            title: "Polda Kalimantan Selatan",
+            path: 'satuan-kerja/pusjarah'
-            path: 'polda/polda-kalimantan-selatan'
         },
         {
             id: 25,
-            img: "/assets/polda/polda-kaltim.svg",
+            img: "/assets/satker/pusiknas.svg",
-            title: "Polda Kalimantan Timur",
+            path: 'satuan-kerja/pusiknas'
-            path: 'polda/polda-kalimantan-timur'
         },
         {
             id: 26,
-            img: "/assets/polda/polda-kalut.svg",
+            img: "/assets/satker/slog.svg",
-            title: "Polda Kalimantan Utara",
+            path: 'satuan-kerja/slog'
-            path: 'polda/polda-kalimantan-utara'
         },
         {
             id: 27,
-            img: "/assets/polda/polda-sulteng.svg",
+            img: "/assets/satker/baintelkam.svg",
-            title: "Polda Sulawesi Tengah",
+            path: 'satuan-kerja/baintelkam'
-            path: 'polda/polda-sulawesi-tengah'
         },
         {
             id: 28,
-            img: "/assets/polda/polda-sulut.svg",
+            img: "/assets/satker/bareskrim.svg",
-            title: "Polda Sulawesi Utara",
+            path: 'satuan-kerja/bareskrim'
-            path: 'polda/polda-sulawesi-utara'
         },
         {
             id: 29,
-            img: "/assets/polda/polda-gorontalo.svg",
+            img: "/assets/satker/divhubinter.svg",
-            title: "Polda Gorontalo",
+            path: 'satuan-kerja/div-hubinter'
-            path: 'polda/polda-gorontalo'
         },
         {
             id: 30,
-            img: "/assets/polda/polda-sulbar.svg",
+            img: "/assets/satker/setum.svg",
-            title: "Polda Sulawesi Barat",
+            path: 'satuan-kerja/setum'
-            path: 'polda/polda-sulawesi-barat'
         },
         {
             id: 31,
-            img: "/assets/polda/polda-sulsel.svg",
+            img: "/assets/satker/puslabfor.svg",
-            title: "Polda Sulawesi Selatan",
+            path: 'satuan-kerja/puslabfor'
-            path: 'polda/polda-sulawesi-selatan'
         },
         {
             id: 32,
-            img: "/assets/polda/polda-sultenggara.svg",
+            img: "/assets/satker/densus.svg",
-            title: "Polda Sulawesi Tenggara",
+            path: 'satuan-kerja/densus88'
-            path: 'polda/polda-sulawesi-tenggara'
         },
         {
             id: 33,
-            img: "/assets/polda/polda-malut.svg",
+            img: "/assets/satker/sahli-kapolri.svg",
-            title: "Polda Maluku Utara",
+            path: 'satuan-kerja/sahli-kapolri'
-            path: 'polda/polda-maluku-utara'
         },
         {
             id: 34,
-            img: "/assets/polda/polda-maluku.svg",
+            img: "/assets/satker/sops.svg",
-            title: "Polda Maluku",
+            path: 'satuan-kerja/sops'
-            path: 'polda/polda-maluku'
         },
         {
             id: 35,
-            img: "/assets/polda/polda-papuabarat.svg",
+            img: "/assets/satker/srena.svg",
-            title: "Polda Papua Barat",
+            path: 'satuan-kerja/srena'
-            path: 'polda/polda-papua-barat'
         },
         {
             id: 36,
-            img: "/assets/polda/polda-papua.svg",
+            img: "/assets/satker/sespim.svg",
-            title: "Polda Papua",
+            path: 'satuan-kerja/sespim'
-            path: 'polda/polda-papua'
         },
+        {
+            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">
+                            {listSatkerAll.map((data) => (
                                 <div className="flex justify-center">
-                                <Link href='satuan-kerja/siber'>
+                                    <Link href={data.path}>
-                                    <img src="/assets/satker/siber.svg" alt="logo" />
+                                        <img src={data.img} 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>
+                            ))}
                         </div>
                     </div>
                 </div>

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'>

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>

components/Portal PPID/ppid-banner.tsx

@@ -6,7 +6,6 @@ interface PPIDBannerProps {
     url: string;
 }
 
-
 export default function PPIDBanner({ url }: PPIDBannerProps) {
 
     return (

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>

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>