From 68fd3ea00c1dbca1312d5af3747f1d0ff8795f6b Mon Sep 17 00:00:00 2001 From: amd123 Date: Fri, 15 Mar 2024 13:48:30 +0700 Subject: [PATCH] feat: satker ico --- components/Landing Page/CategorySatker.tsx | 320 +++++++++++++++++++-- components/Landing Page/RegionalNews.tsx | 22 +- public/assets/satker2/akpol.svg | 9 + public/assets/satker2/baharkam.svg | 9 + public/assets/satker2/baintelkam.svg | 9 + public/assets/satker2/bareskrim.svg | 9 + public/assets/satker2/binmas.svg | 9 + public/assets/satker2/brimob.svg | 9 + public/assets/satker2/densus88.svg | 9 + public/assets/satker2/divkum.svg | 9 + public/assets/satker2/divtik.svg | 9 + public/assets/satker2/hubinter.svg | 9 + public/assets/satker2/humas.svg | 9 + public/assets/satker2/itwasum.svg | 9 + public/assets/satker2/korlantas.svg | 9 + public/assets/satker2/lemdiklat.svg | 9 + public/assets/satker2/polair.svg | 9 + public/assets/satker2/polairud.svg | 9 + public/assets/satker2/poludara.svg | 9 + public/assets/satker2/propam.svg | 9 + public/assets/satker2/pusdokes.svg | 9 + public/assets/satker2/pusiknas.svg | 9 + public/assets/satker2/pusinafis.svg | 9 + public/assets/satker2/pusjarah.svg | 9 + public/assets/satker2/puskeu.svg | 9 + public/assets/satker2/puslabfor.svg | 9 + public/assets/satker2/puslitbang.svg | 9 + public/assets/satker2/sabbaharkam.svg | 9 + public/assets/satker2/sahlikapolri.svg | 9 + public/assets/satker2/sespim.svg | 9 + public/assets/satker2/setum.svg | 9 + public/assets/satker2/setupa.svg | 9 + public/assets/satker2/siber.svg | 9 + public/assets/satker2/slog.svg | 9 + public/assets/satker2/sops.svg | 9 + public/assets/satker2/spripim.svg | 9 + public/assets/satker2/srena.svg | 9 + public/assets/satker2/ssdm.svg | 9 + public/assets/satker2/stik-ptik.svg | 9 + 39 files changed, 644 insertions(+), 31 deletions(-) create mode 100644 public/assets/satker2/akpol.svg create mode 100644 public/assets/satker2/baharkam.svg create mode 100644 public/assets/satker2/baintelkam.svg create mode 100644 public/assets/satker2/bareskrim.svg create mode 100644 public/assets/satker2/binmas.svg create mode 100644 public/assets/satker2/brimob.svg create mode 100644 public/assets/satker2/densus88.svg create mode 100644 public/assets/satker2/divkum.svg create mode 100644 public/assets/satker2/divtik.svg create mode 100644 public/assets/satker2/hubinter.svg create mode 100644 public/assets/satker2/humas.svg create mode 100644 public/assets/satker2/itwasum.svg create mode 100644 public/assets/satker2/korlantas.svg create mode 100644 public/assets/satker2/lemdiklat.svg create mode 100644 public/assets/satker2/polair.svg create mode 100644 public/assets/satker2/polairud.svg create mode 100644 public/assets/satker2/poludara.svg create mode 100644 public/assets/satker2/propam.svg create mode 100644 public/assets/satker2/pusdokes.svg create mode 100644 public/assets/satker2/pusiknas.svg create mode 100644 public/assets/satker2/pusinafis.svg create mode 100644 public/assets/satker2/pusjarah.svg create mode 100644 public/assets/satker2/puskeu.svg create mode 100644 public/assets/satker2/puslabfor.svg create mode 100644 public/assets/satker2/puslitbang.svg create mode 100644 public/assets/satker2/sabbaharkam.svg create mode 100644 public/assets/satker2/sahlikapolri.svg create mode 100644 public/assets/satker2/sespim.svg create mode 100644 public/assets/satker2/setum.svg create mode 100644 public/assets/satker2/setupa.svg create mode 100644 public/assets/satker2/siber.svg create mode 100644 public/assets/satker2/slog.svg create mode 100644 public/assets/satker2/sops.svg create mode 100644 public/assets/satker2/spripim.svg create mode 100644 public/assets/satker2/srena.svg create mode 100644 public/assets/satker2/ssdm.svg create mode 100644 public/assets/satker2/stik-ptik.svg diff --git a/components/Landing Page/CategorySatker.tsx b/components/Landing Page/CategorySatker.tsx index a8d82a3..42cdc25 100644 --- a/components/Landing Page/CategorySatker.tsx +++ b/components/Landing Page/CategorySatker.tsx @@ -1,35 +1,275 @@ 'use client' import { Button } from '@nextui-org/button'; -import { Image } from '@nextui-org/react'; +import { Image, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalProps, useDisclosure } from '@nextui-org/react'; import { ChevronLeftWhite, ChevronRightWhite } from '../icons'; -import { useEffect, useState } from 'react'; +import React from 'react'; +import Link from 'next/link'; export default function CategorySatker() { - // const [limitedData, setLimitedData] = useState([]); + const { isOpen, onOpen, onOpenChange } = useDisclosure(); + const [scrollBehavior, setScrollBehavior] = React.useState("inside"); + const [modalPlacement, setModalPlacement] = React.useState("auto"); const list = [ { - img: "/temp/poldametro.svg", - title: "Polda Metro Jaya" + id: 1, + img: "/assets/satker2/siber.svg", + title: "Siber", + path: '/news/siber' }, { - img: "/temp/polda-sumut.svg", - title: "Polda Sumatra Utara" + id: 2, + img: "/assets/satker2/divkum.svg", + title: "Divkum", + path: '/news/divkum' }, { - img: "/temp/polda-banten.svg", - title: "Polda Banten" + id: 3, + img: "/assets/satker2/puskeu.svg", + title: "Puskeu", + path: '/news/puskeu' }, { - img: "/temp/polda-jateng.svg", - title: "Polda Jawa Tengah" + id: 4, + img: "/assets/satker2/ssdm.svg", + title: "SSDM", + path: '/news/ssdm' }, { - img: "/temp/polda-jatim.svg", - title: "Polda Jawa Timur" + id: 5, + img: "/assets/satker2/itwasum.svg", + title: "Itwasum", + path: '/news/itwasum' }, + ]; + const SatkerAll = [ + { + id: 1, + img: "/assets/satker2/siber.svg", + title: "Siber", + path: '/news/siber' + }, + { + id: 2, + img: "/assets/satker2/divkum.svg", + title: "Divkum", + path: '/news/divkum' + }, + { + id: 3, + img: "/assets/satker2/puskeu.svg", + title: "Puskeu", + path: '/news/puskeu' + }, + { + id: 4, + img: "/assets/satker2/ssdm.svg", + title: "SSDM", + path: '/news/ssdm' + }, + { + id: 5, + img: "/assets/satker2/itwasum.svg", + title: "Itwasum", + path: '/news/itwasum' + }, + { + id: 6, + img: "/assets/satker2/stik-ptik.svg", + title: "STIK-PTIK", + path: '/news/stik-ptik' + }, + { + id: 7, + img: "/assets/satker2/brimob.svg", + title: "BRIMOB", + path: '/news/brimob' + }, + { + id: 8, + img: "/assets/satker2/humas.svg", + title: "DIV HUMAS", + path: '/news/humas' + }, + { + id: 9, + img: "/assets/satker2/puslitbang.svg", + title: "PUSLITBANG", + path: '/news/puslitbang' + }, + { + id: 10, + img: "/assets/satker2/binmas.svg", + title: "BINMAS", + path: '/news/binmas' + }, + { + id: 11, + img: "/assets/satker2/divtik.svg", + title: "DIV TIK", + path: '/news/divtik' + }, + { + id: 12, + img: "/assets/satker2/spripim.svg", + title: "SPRIPIM", + path: '/news/spripim' + }, + { + id: 13, + img: "/assets/satker2/propam.svg", + title: "DIV PROPAM", + path: '/news/propam' + }, + { + id: 14, + img: "/assets/satker2/sabbaharkam.svg", + title: "KORPS SABHARA BAHARKAM", + path: '/news/sabhara-baharkam' + }, + { + id: 15, + img: "/assets/satker2/pusdokes.svg", + title: "PUSDOKKES", + path: '/news/pusdokkes' + }, + { + id: 16, + img: "/assets/satker2/baharkam.svg", + title: "baharkam", + path: '/news/baharkam' + }, + { + id: 17, + img: "/assets/satker2/polairud.svg", + title: "POLAIURD", + path: '/news/polairud' + }, + { + id: 18, + img: "/assets/satker2/polair.svg", + title: "POLAIR", + path: '/news/polair' + }, + { + id: 19, + img: "/assets/satker2/poludara.svg", + title: "POLUDARA", + path: '/news/poludara' + }, + { + id: 20, + img: "/assets/satker2/lemdiklat.svg", + title: "LEMDIKLAT", + path: '/news/lemdiklat' + }, + { + id: 21, + img: "/assets/satker2/akpol.svg", + title: "AKPOL", + path: '/news/akpol' + }, + { + id: 22, + img: "/assets/satker2/korlantas.svg", + title: "KORLANTAS", + path: '/news/korlantas' + }, + { + id: 21, + img: "/assets/satker2/pusinafis.svg", + title: "PUSINAFIS", + path: '/news/pusinafis' + }, + { + id: 22, + img: "/assets/satker2/pusjarah.svg", + title: "PUSJARAH", + path: '/news/pusjarah' + }, + { + id: 23, + img: "/assets/satker2/pusiknas.svg", + title: "PUSIKNAS", + path: '/news/pusiknas' + }, + { + id: 24, + img: "/assets/satker2/slog.svg", + title: "SLOG", + path: '/news/slog' + }, + { + id: 25, + img: "/assets/satker2/baintelkam.svg", + title: "BAINTELKAM", + path: '/news/baintelkam' + }, + { + id: 26, + img: "/assets/satker2/bareskrim.svg", + title: "BARESKRIM", + path: '/news/bareskrim' + }, + { + id: 27, + img: "/assets/satker2/hubinter.svg", + title: "DIVHUBINTER", + path: '/news/divhubinter' + }, + { + id: 28, + img: "/assets/satker2/setum.svg", + title: "SETUM", + path: '/news/setum' + }, + { + id: 29, + img: "/assets/satker2/puslabfor.svg", + title: "PUSLABFOR", + path: '/news/puslabfor' + }, + { + id: 30, + img: "/assets/satker2/densus88.svg", + title: "DENSUS 88", + path: '/news/densus88' + }, + { + id: 31, + img: "/assets/satker2/sahlikapolri.svg", + title: "SAHLI KAPOLRI", + path: '/news/sahli-kapolri' + }, + { + id: 32, + img: "/assets/satker2/sops.svg", + title: "SOPS", + path: '/news/sops' + }, + { + id: 33, + img: "/assets/satker2/srena.svg", + title: "SRENA", + path: '/news/srena' + }, + { + id: 34, + img: "/assets/satker2/sespim.svg", + title: "SESPIM POLRI", + path: '/news/sespim-polri' + }, + { + id: 35, + img: "/assets/satker2/setupa.svg", + title: "SETUPA POLRI", + path: '/news/setupa-polri' + }, + + ] + // useEffect(() => { // function updateLimitedData() { // if (window.matchMedia("(max-width: 767px)").matches) { @@ -55,25 +295,63 @@ export default function CategorySatker() {
{list.map((item: any, index: any) => ( -
- -

{item.title}

-
+ +
+ +

{item.title}

+
+ ))}
+ + + {(onClose) => ( + <> + Berita Wilayah + + {SatkerAll.map((item: any, index: any) => ( +
+ + + +

{item.title}

+
+ ))} + + + + + + )} + +
) diff --git a/components/Landing Page/RegionalNews.tsx b/components/Landing Page/RegionalNews.tsx index 1637378..d8dd656 100644 --- a/components/Landing Page/RegionalNews.tsx +++ b/components/Landing Page/RegionalNews.tsx @@ -328,16 +328,18 @@ export default function RegionalNews() { Berita Wilayah {listPoldaAll.map((item: any, index: any) => ( - -
- -

{item.title}

-
- +
+ +
+ +

{item.title}

+
+ +
))} diff --git a/public/assets/satker2/akpol.svg b/public/assets/satker2/akpol.svg new file mode 100644 index 0000000..9db094d --- /dev/null +++ b/public/assets/satker2/akpol.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/baharkam.svg b/public/assets/satker2/baharkam.svg new file mode 100644 index 0000000..9a63873 --- /dev/null +++ b/public/assets/satker2/baharkam.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/baintelkam.svg b/public/assets/satker2/baintelkam.svg new file mode 100644 index 0000000..2dc5fdd --- /dev/null +++ b/public/assets/satker2/baintelkam.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/bareskrim.svg b/public/assets/satker2/bareskrim.svg new file mode 100644 index 0000000..69218e2 --- /dev/null +++ b/public/assets/satker2/bareskrim.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/binmas.svg b/public/assets/satker2/binmas.svg new file mode 100644 index 0000000..ae257bd --- /dev/null +++ b/public/assets/satker2/binmas.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/brimob.svg b/public/assets/satker2/brimob.svg new file mode 100644 index 0000000..62d6d01 --- /dev/null +++ b/public/assets/satker2/brimob.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/densus88.svg b/public/assets/satker2/densus88.svg new file mode 100644 index 0000000..30e8734 --- /dev/null +++ b/public/assets/satker2/densus88.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/divkum.svg b/public/assets/satker2/divkum.svg new file mode 100644 index 0000000..9dca767 --- /dev/null +++ b/public/assets/satker2/divkum.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/divtik.svg b/public/assets/satker2/divtik.svg new file mode 100644 index 0000000..018fdd8 --- /dev/null +++ b/public/assets/satker2/divtik.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/hubinter.svg b/public/assets/satker2/hubinter.svg new file mode 100644 index 0000000..977339d --- /dev/null +++ b/public/assets/satker2/hubinter.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/humas.svg b/public/assets/satker2/humas.svg new file mode 100644 index 0000000..b3f312f --- /dev/null +++ b/public/assets/satker2/humas.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/itwasum.svg b/public/assets/satker2/itwasum.svg new file mode 100644 index 0000000..7e6d30a --- /dev/null +++ b/public/assets/satker2/itwasum.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/korlantas.svg b/public/assets/satker2/korlantas.svg new file mode 100644 index 0000000..08f27bc --- /dev/null +++ b/public/assets/satker2/korlantas.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/lemdiklat.svg b/public/assets/satker2/lemdiklat.svg new file mode 100644 index 0000000..8320d7c --- /dev/null +++ b/public/assets/satker2/lemdiklat.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/polair.svg b/public/assets/satker2/polair.svg new file mode 100644 index 0000000..9be7b30 --- /dev/null +++ b/public/assets/satker2/polair.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/polairud.svg b/public/assets/satker2/polairud.svg new file mode 100644 index 0000000..4c3cb40 --- /dev/null +++ b/public/assets/satker2/polairud.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/poludara.svg b/public/assets/satker2/poludara.svg new file mode 100644 index 0000000..390f1a3 --- /dev/null +++ b/public/assets/satker2/poludara.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/propam.svg b/public/assets/satker2/propam.svg new file mode 100644 index 0000000..2f4ecd0 --- /dev/null +++ b/public/assets/satker2/propam.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/pusdokes.svg b/public/assets/satker2/pusdokes.svg new file mode 100644 index 0000000..3f5e354 --- /dev/null +++ b/public/assets/satker2/pusdokes.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/pusiknas.svg b/public/assets/satker2/pusiknas.svg new file mode 100644 index 0000000..158c252 --- /dev/null +++ b/public/assets/satker2/pusiknas.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/pusinafis.svg b/public/assets/satker2/pusinafis.svg new file mode 100644 index 0000000..f471c97 --- /dev/null +++ b/public/assets/satker2/pusinafis.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/pusjarah.svg b/public/assets/satker2/pusjarah.svg new file mode 100644 index 0000000..8e3acf0 --- /dev/null +++ b/public/assets/satker2/pusjarah.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/puskeu.svg b/public/assets/satker2/puskeu.svg new file mode 100644 index 0000000..8c89ba1 --- /dev/null +++ b/public/assets/satker2/puskeu.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/puslabfor.svg b/public/assets/satker2/puslabfor.svg new file mode 100644 index 0000000..80ffccf --- /dev/null +++ b/public/assets/satker2/puslabfor.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/puslitbang.svg b/public/assets/satker2/puslitbang.svg new file mode 100644 index 0000000..2b573cb --- /dev/null +++ b/public/assets/satker2/puslitbang.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/sabbaharkam.svg b/public/assets/satker2/sabbaharkam.svg new file mode 100644 index 0000000..3b9dd2a --- /dev/null +++ b/public/assets/satker2/sabbaharkam.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/sahlikapolri.svg b/public/assets/satker2/sahlikapolri.svg new file mode 100644 index 0000000..6df9702 --- /dev/null +++ b/public/assets/satker2/sahlikapolri.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/sespim.svg b/public/assets/satker2/sespim.svg new file mode 100644 index 0000000..714317a --- /dev/null +++ b/public/assets/satker2/sespim.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/setum.svg b/public/assets/satker2/setum.svg new file mode 100644 index 0000000..9931d70 --- /dev/null +++ b/public/assets/satker2/setum.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/setupa.svg b/public/assets/satker2/setupa.svg new file mode 100644 index 0000000..4df5db8 --- /dev/null +++ b/public/assets/satker2/setupa.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/siber.svg b/public/assets/satker2/siber.svg new file mode 100644 index 0000000..fc3b26d --- /dev/null +++ b/public/assets/satker2/siber.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/slog.svg b/public/assets/satker2/slog.svg new file mode 100644 index 0000000..a8d3974 --- /dev/null +++ b/public/assets/satker2/slog.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/sops.svg b/public/assets/satker2/sops.svg new file mode 100644 index 0000000..741c59c --- /dev/null +++ b/public/assets/satker2/sops.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/spripim.svg b/public/assets/satker2/spripim.svg new file mode 100644 index 0000000..22a23f9 --- /dev/null +++ b/public/assets/satker2/spripim.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/srena.svg b/public/assets/satker2/srena.svg new file mode 100644 index 0000000..3380852 --- /dev/null +++ b/public/assets/satker2/srena.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/ssdm.svg b/public/assets/satker2/ssdm.svg new file mode 100644 index 0000000..c5ecc31 --- /dev/null +++ b/public/assets/satker2/ssdm.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/satker2/stik-ptik.svg b/public/assets/satker2/stik-ptik.svg new file mode 100644 index 0000000..f8448f2 --- /dev/null +++ b/public/assets/satker2/stik-ptik.svg @@ -0,0 +1,9 @@ + + + + + + + + +