diff --git a/components/landing-page/coverage.tsx b/components/landing-page/coverage.tsx index c2cbf58e..9f3f9165 100644 --- a/components/landing-page/coverage.tsx +++ b/components/landing-page/coverage.tsx @@ -13,7 +13,7 @@ const regions = [ { name: "Polda Bangka Belitung", slug: "bangka-belitung", - logo: "/logo/polda/polda-bangkabelitung.png", + logo: "/logo/polda/polda-bangka-belitung.png", }, { name: "Polda Banten", @@ -27,7 +27,7 @@ const regions = [ }, { name: "Polda DIY", - slug: "di-yogyakarta", + slug: "jogja", logo: "/logo/polda/polda-jogja.png", }, { @@ -39,17 +39,17 @@ const regions = [ { name: "Polda Jawa Barat", slug: "jawa-barat", - logo: "/logo/polda/polda-jawabarat.png", + logo: "/logo/polda/polda-jawa-barat.png", }, { name: "Polda Jawa Tengah", slug: "jawa-tengah", - logo: "/logo/polda/polda-jawatengah.png", + logo: "/logo/polda/polda-jawa-tengah.png", }, { name: "Polda Jawa Timur", slug: "jawa-timur", - logo: "/logo/polda/polda-jawatimur.png", + logo: "/logo/polda/polda-jawa-timur.png", }, { name: "Polda Kalimantan Barat", @@ -79,7 +79,7 @@ const regions = [ { name: "Polda Kepulauan Riau", slug: "kepulauan-riau", - logo: "/logo/polda/polda-kepri.png", + logo: "/logo/polda/polda-kepulauan-riau.png", }, { name: "Polda Lampung", @@ -99,7 +99,7 @@ const regions = [ { name: "Polda Metro Jaya", slug: "metro-jaya", - logo: "/logo/polda/polda-metro.png", + logo: "/logo/polda/polda-metro-jaya.png", }, { name: "Polda NTB", @@ -121,12 +121,12 @@ const regions = [ { name: "Polda Sulawesi Barat", slug: "sulawesi-barat", - logo: "/logo/polda/polda-sulbar.png", + logo: "/logo/polda/polda-sulawesi-barat.png", }, { name: "Polda Sulawesi Selatan", slug: "sulawesi-selatan", - logo: "/logo/polda/polda-sulsel.png", + logo: "/logo/polda/polda-sulawesi-selatan.png", }, { name: "Polda Sulawesi Tengah", @@ -151,12 +151,12 @@ const regions = [ { name: "Polda Sumatera Selatan", slug: "sumatera-selatan", - logo: "/logo/polda/polda-sumsel.png", + logo: "/logo/polda/polda-sumatera-selatan.png", }, { name: "Polda Sumatera Utara", slug: "sumatera-utara", - logo: "/logo/polda/polda-sumut.png", + logo: "/logo/polda/polda-sumatera-utara.png", }, // { // name: "Satuan Kerja POLRI", diff --git a/components/landing-page/division.tsx b/components/landing-page/division.tsx index 63484f03..51be3e51 100644 --- a/components/landing-page/division.tsx +++ b/components/landing-page/division.tsx @@ -18,13 +18,13 @@ const regions = [ { name: "STAMARENA POLRI", slug: "srena", logo: "/logo/satker/SRENA.png" }, { name: "SSDM POLRI", slug: "ssdm", logo: "/logo/satker/SSDM.png" }, { name: "SLOG POLRI", slug: "slog", logo: "/logo/satker/SLOG.png" }, - { name: "SAHLI KAPOLRI", slug: "sahli-kapolri", logo: "/logo/satker/STAFAHLI.png" }, + { name: "SAHLI KAPOLRI", slug: "stafahli", logo: "/logo/satker/STAFAHLI.png" }, { name: "DIVPROPRAM POLRI", slug: "divpropram", logo: "/logo/satker/DIVPROPAM.png" }, { name: "DIVKUM", slug: "divkum", logo: "/assets/satker/divkum.png" }, { name: "DIVHUBINTER POLRI", slug: "divhubinter", logo: "/logo/satker/DIVHUBINTER.png" }, { name: "DIVTIK POLRI", slug: "div-tik", logo: "/logo/satker/DIV-TIK.png" }, { name: "KORLANTAS POLRI", slug: "korlantas", logo: "/logo/satker/KORLANTAS.png" }, - { name: "DENSUS 88 POLRI", slug: "densus-88", logo: "/logo/satker/DENSUS88.png" }, + { name: "DENSUS 88 POLRI", slug: "densus-88", logo: "/logo/satker/DENSUS-88.png" }, { name: "PUSDOKKES POLRI", slug: "pusdokkes", logo: "/logo/satker/PUSDOKKES.png" }, { name: "PUSLITBANG POLRI", slug: "puslitbang", logo: "/logo/satker/PUSLITBANG.png" }, { name: "PUSKEU POLRI", slug: "puskeu", logo: "/logo/satker/PUSKEU.png" }, @@ -47,10 +47,10 @@ const regions = [ { name: "STIK LEMDIKLAT POLRI", slug: "stik-ptik", logo: "/logo/satker/STIK-PTIK.png" }, { name: "AKPOL LEMDIKLAT POLRI", slug: "akpol", logo: "/logo/satker/AKPOL.png" }, { name: "SESPIM LEMDIKLAT POLRI", slug: "sespim-polri", logo: "/logo/satker/SESPIM-POLRI.png" }, - { name: "SETUKPA LEMDIKLAT POLRI", slug: "setupa-polri", logo: "/assets/satker/setupa-polri.png" }, - { name: "SEPOLWAN LEMDIKLAT POLRI", slug: "sepolwan-polri", logo: "/assets/satker/sepolwan.png" }, - { name: "SEBASA LEMDIKLAT POLRI", slug: "sebasa-polri", logo: "/assets/satker/sebasa.png" }, - { name: "RUMKIT BHAYANGKARA TK I", slug: "rumkit-bhayangkara", logo: "/assets/satker/rumkit.png" }, + { name: "SETUKPA LEMDIKLAT POLRI", slug: "setupa-polri", logo: "/logo/satker/SETUPA-POLRI.png" }, + { name: "SEPOLWAN LEMDIKLAT POLRI", slug: "sepolwan-polri", logo: "/logo/satker/SEPOLWAN-POLRI.png" }, + { name: "SEBASA LEMDIKLAT POLRI", slug: "sebasa-polri", logo: "/logo/satker/SEBASA-POLRI.png" }, + { name: "RUMKIT BHAYANGKARA TK I", slug: "rumkit-bhayangkara", logo: "/logo/satker/RUMKIT-BHAYANGKARA.png" }, { name: "POLAIR", slug: "polair", logo: "/logo/satker/POLAIR.png" }, { name: "POLUDARA", slug: "poludara", logo: "/logo/satker/POLUDARA.png" }, { name: "PUSINAFIS", slug: "pusinafis", logo: "/logo/satker/PUSINAFIS.png" }, diff --git a/components/landing-page/dynamic-logo-satker.tsx b/components/landing-page/dynamic-logo-satker.tsx new file mode 100644 index 00000000..1b3eae25 --- /dev/null +++ b/components/landing-page/dynamic-logo-satker.tsx @@ -0,0 +1,12 @@ +"use client"; + +import Image from "next/image"; +import { usePathname } from "next/navigation"; + +export const DynamicLogoSatker = () => { + const pathname = usePathname(); + const satker = pathname?.split("/")[3]; + console.log("polda", satker) + + return
{pathname?.includes("/satker") && Logo}
; +}; diff --git a/components/landing-page/left-banner.tsx b/components/landing-page/left-banner.tsx new file mode 100644 index 00000000..61b468e4 --- /dev/null +++ b/components/landing-page/left-banner.tsx @@ -0,0 +1,83 @@ +import { listDataAdvertisements } from "@/service/broadcast/broadcast"; +import { useEffect, useState } from "react"; +import * as React from "react"; + +interface Advertisement { + id: string; + imageUrl: string; + [key: string]: any; // Tambahan kalau ada properti lain +} + +// // Simulasi fungsi API (replace dengan yang asli) +// async function listDataAdvertisements( +// page: number, +// size: number, +// search: string, +// category: string, +// status: string +// ) { +// // contoh struktur response dummy +// return { +// data: { +// data: { +// content: [ +// { id: "1", imageUrl: "/images/all-img/kiri1.png" }, +// { id: "2", imageUrl: "/images/all-img/kiri2.png" }, +// ], +// totalElements: 2, +// totalPages: 1, +// }, +// }, +// }; +// } + +const LeftBanner = () => { + const [ads, setAds] = useState([]); + const [loading, setLoading] = useState(false); + const [showData, setShowData] = React.useState("10"); + const [categories, setCategories] = React.useState(); + const [dataTable, setDataTable] = React.useState([]); + const [totalData, setTotalData] = React.useState(1); + const [categoryFilter, setCategoryFilter] = React.useState([]); + const [statusFilter, setStatusFilter] = React.useState([]); + const [page, setPage] = React.useState(1); + + + const fetchData = async () => { + try { + setLoading(true); + const res = await listDataAdvertisements( page - 1, + showData, + "", + categoryFilter?.sort().join(","), + statusFilter?.sort().join(",")); + const data = res?.data?.data; + const contentData = data?.content; + + contentData.forEach((item: Advertisement, index: number) => { + item.no = index + 1; + }); + + setAds(contentData); + } catch (error) { + console.error("Error fetching advertisements:", error); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchData(); + }, []); + + return ( +
+ {loading &&

Loading...

} + {ads.map((ad) => ( + {`Banner + ))} +
+ ); +}; + +export default LeftBanner; diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx index d22b2cd4..9c5e335b 100644 --- a/components/landing-page/navbar.tsx +++ b/components/landing-page/navbar.tsx @@ -23,6 +23,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"; import PoldaLogo from "./polda-logo"; import { DynamicLogoPolda } from "./dynamic-logo-polda"; +import { DynamicLogoSatker } from "./dynamic-logo-satker"; type Detail = { id: number; @@ -162,7 +163,7 @@ const Navbar = () => { Media Hub Logo - + {/* Nav Menu */}
diff --git a/components/landing-page/search-section.tsx b/components/landing-page/search-section.tsx index 42af184e..ba978b1b 100644 --- a/components/landing-page/search-section.tsx +++ b/components/landing-page/search-section.tsx @@ -19,13 +19,14 @@ import AreaCoverageWorkUnits from "./area-coverage-and-work-units"; import EventCalender from "./event-calender"; import UserSurveyBox from "./survey-box"; import ScrollableContentPolda from "./scrollable-content-polda"; +import LeftBanner from "./left-banner"; -const LeftBanner = () => ( -
- Banner Kiri 1 - Banner Kiri 2 -
-); +// const LeftBanner = () => ( +//
+// Banner Kiri 1 +// Banner Kiri 2 +//
+// ); const RightBanner = () => (
diff --git a/public/assets/satker/rumkit.png b/public/assets/satker/RUMKIT-BHAYANGKARA.png similarity index 100% rename from public/assets/satker/rumkit.png rename to public/assets/satker/RUMKIT-BHAYANGKARA.png diff --git a/public/assets/satker/sebasa.png b/public/assets/satker/SEBASA-POLRI.png similarity index 100% rename from public/assets/satker/sebasa.png rename to public/assets/satker/SEBASA-POLRI.png diff --git a/public/assets/satker/sepolwan.png b/public/assets/satker/SEPOLWAN-POLRI.png similarity index 100% rename from public/assets/satker/sepolwan.png rename to public/assets/satker/SEPOLWAN-POLRI.png diff --git a/public/logo/polda/polda-bangkabelitung.png b/public/logo/polda/polda-bangka-belitung.png similarity index 100% rename from public/logo/polda/polda-bangkabelitung.png rename to public/logo/polda/polda-bangka-belitung.png diff --git a/public/logo/polda/polda-jawabarat.png b/public/logo/polda/polda-jawa-barat.png similarity index 100% rename from public/logo/polda/polda-jawabarat.png rename to public/logo/polda/polda-jawa-barat.png diff --git a/public/logo/polda/polda-jawatengah.png b/public/logo/polda/polda-jawa-tengah.png similarity index 100% rename from public/logo/polda/polda-jawatengah.png rename to public/logo/polda/polda-jawa-tengah.png diff --git a/public/logo/polda/polda-jawatimur.png b/public/logo/polda/polda-jawa-timur.png similarity index 100% rename from public/logo/polda/polda-jawatimur.png rename to public/logo/polda/polda-jawa-timur.png diff --git a/public/logo/polda/polda-kalbar.png b/public/logo/polda/polda-kalimantan-barat.png similarity index 100% rename from public/logo/polda/polda-kalbar.png rename to public/logo/polda/polda-kalimantan-barat.png diff --git a/public/logo/polda/polda-kalsel.png b/public/logo/polda/polda-kalimantan-selatan.png similarity index 100% rename from public/logo/polda/polda-kalsel.png rename to public/logo/polda/polda-kalimantan-selatan.png diff --git a/public/logo/polda/polda-kalteng.png b/public/logo/polda/polda-kalimantan-tengah.png similarity index 100% rename from public/logo/polda/polda-kalteng.png rename to public/logo/polda/polda-kalimantan-tengah.png diff --git a/public/logo/polda/polda-kaltim.png b/public/logo/polda/polda-kalimantan-timur.png similarity index 100% rename from public/logo/polda/polda-kaltim.png rename to public/logo/polda/polda-kalimantan-timur.png diff --git a/public/logo/polda/polda-kepri.png b/public/logo/polda/polda-kepulauan-riau.png similarity index 100% rename from public/logo/polda/polda-kepri.png rename to public/logo/polda/polda-kepulauan-riau.png diff --git a/public/logo/polda/polda-metro.png b/public/logo/polda/polda-metro-jaya.png similarity index 100% rename from public/logo/polda/polda-metro.png rename to public/logo/polda/polda-metro-jaya.png diff --git a/public/logo/polda/polda-sulbar.png b/public/logo/polda/polda-sulawesi-barat.png similarity index 100% rename from public/logo/polda/polda-sulbar.png rename to public/logo/polda/polda-sulawesi-barat.png diff --git a/public/logo/polda/polda-sulsel.png b/public/logo/polda/polda-sulawesi-selatan.png similarity index 100% rename from public/logo/polda/polda-sulsel.png rename to public/logo/polda/polda-sulawesi-selatan.png diff --git a/public/logo/polda/polda-sumsel.png b/public/logo/polda/polda-sumatera-selatan.png similarity index 100% rename from public/logo/polda/polda-sumsel.png rename to public/logo/polda/polda-sumatera-selatan.png diff --git a/public/logo/polda/polda-sumut.png b/public/logo/polda/polda-sumatera-utara.png similarity index 100% rename from public/logo/polda/polda-sumut.png rename to public/logo/polda/polda-sumatera-utara.png diff --git a/public/logo/satker/DENSUS88.png b/public/logo/satker/DENSUS-88.png similarity index 100% rename from public/logo/satker/DENSUS88.png rename to public/logo/satker/DENSUS-88.png diff --git a/public/logo/satker/RUMKIT-BHAYANGKARA.png b/public/logo/satker/RUMKIT-BHAYANGKARA.png new file mode 100644 index 00000000..7e8867d7 Binary files /dev/null and b/public/logo/satker/RUMKIT-BHAYANGKARA.png differ diff --git a/public/logo/satker/SEBASA-POLRI.png b/public/logo/satker/SEBASA-POLRI.png new file mode 100644 index 00000000..7245536b Binary files /dev/null and b/public/logo/satker/SEBASA-POLRI.png differ diff --git a/public/logo/satker/SEPOLWAN-POLRI.png b/public/logo/satker/SEPOLWAN-POLRI.png new file mode 100644 index 00000000..120c91d4 Binary files /dev/null and b/public/logo/satker/SEPOLWAN-POLRI.png differ diff --git a/public/logo/satker/SETUPA-POLRI.png b/public/logo/satker/SETUPA-POLRI.png new file mode 100644 index 00000000..09c07531 Binary files /dev/null and b/public/logo/satker/SETUPA-POLRI.png differ