diff --git a/app/auth/layout.tsx b/app/auth/layout.tsx index cb41e3c..27799fd 100644 --- a/app/auth/layout.tsx +++ b/app/auth/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function AuthLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/docs/layout.tsx b/app/docs/layout.tsx index cd32d40..905fcf5 100644 --- a/app/docs/layout.tsx +++ b/app/docs/layout.tsx @@ -1,15 +1,11 @@ -'use client' +"use client"; -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function DocsLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/e-majalah-polri/daftar-majalah/layout.tsx b/app/e-majalah-polri/daftar-majalah/layout.tsx index 5e42303..c4d7ef5 100644 --- a/app/e-majalah-polri/daftar-majalah/layout.tsx +++ b/app/e-majalah-polri/daftar-majalah/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function EMajalahLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/e-majalah-polri/detail/[id]/layout.tsx b/app/e-majalah-polri/detail/[id]/layout.tsx index f16043a..0b2da42 100644 --- a/app/e-majalah-polri/detail/[id]/layout.tsx +++ b/app/e-majalah-polri/detail/[id]/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function DetailEMajalahLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/e-majalah-polri/detail/[id]/page.tsx b/app/e-majalah-polri/detail/[id]/page.tsx index 58417a9..7a2cbd1 100644 --- a/app/e-majalah-polri/detail/[id]/page.tsx +++ b/app/e-majalah-polri/detail/[id]/page.tsx @@ -1,8 +1,6 @@ -import EMagazineDetail from '@/components/detail/E-MagazineDetail' -import React from 'react' +import EMagazineDetail from "@/components/main/detail/e-magazine-detail"; +import React from "react"; export default function EnewsDetailPage() { - return ( - - ) + return ; } diff --git a/app/form-permohonan-informasi/layout.tsx b/app/form-permohonan-informasi/layout.tsx index 6f7513a..a271636 100644 --- a/app/form-permohonan-informasi/layout.tsx +++ b/app/form-permohonan-informasi/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function ApplicationLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/kontak-kami/layout.tsx b/app/kontak-kami/layout.tsx index d36e590..1f5cb86 100644 --- a/app/kontak-kami/layout.tsx +++ b/app/kontak-kami/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function KontakLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/kontak-kami/page.tsx b/app/kontak-kami/page.tsx index 8361be2..c85da70 100644 --- a/app/kontak-kami/page.tsx +++ b/app/kontak-kami/page.tsx @@ -1,7 +1,5 @@ -import Contact from '@/components/detail/Contact' +import Contact from "@/components/main/detail/contact"; export default function VisiMisiPage() { - return ( - - ) + return ; } diff --git a/app/news/[polda-name]/layout.tsx b/app/news/[polda-name]/layout.tsx index 3164a5f..78853da 100644 --- a/app/news/[polda-name]/layout.tsx +++ b/app/news/[polda-name]/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function PoldaNewsLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/news/[polda-name]/page.tsx b/app/news/[polda-name]/page.tsx index 9eced98..78fc48a 100644 --- a/app/news/[polda-name]/page.tsx +++ b/app/news/[polda-name]/page.tsx @@ -1,8 +1,6 @@ -import ListNews from '@/components/detail/ListNews' -import React from 'react' +import ListNews from "@/components/main/detail/list-news"; +import React from "react"; export default function PoldaNewsPage() { - return ( - - ) + return ; } diff --git a/app/news/all/layout.tsx b/app/news/all/layout.tsx index 2f57034..e38b5a2 100644 --- a/app/news/all/layout.tsx +++ b/app/news/all/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function AllNewsLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/news/all/page.tsx b/app/news/all/page.tsx index ffe2efa..fe62296 100644 --- a/app/news/all/page.tsx +++ b/app/news/all/page.tsx @@ -1,8 +1,6 @@ -import ListNews from '@/components/detail/ListNews' -import React from 'react' +import ListNews from "@/components/main/detail/list-news"; +import React from "react"; export default function ListNewsPage() { - return ( - - ) + return ; } diff --git a/app/news/detail/[id]/layout.tsx b/app/news/detail/[id]/layout.tsx index 1fd5e92..3a26a21 100644 --- a/app/news/detail/[id]/layout.tsx +++ b/app/news/detail/[id]/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function NewsLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/news/detail/[id]/page.tsx b/app/news/detail/[id]/page.tsx index 525c21b..0a5cafc 100644 --- a/app/news/detail/[id]/page.tsx +++ b/app/news/detail/[id]/page.tsx @@ -1,8 +1,6 @@ -import DetailPage from '@/components/detail/DetailPage' -import React from 'react' +import DetailPage from "@/components/main/detail/new-detail"; +import React from "react"; export default function NewsPage() { - return ( - - ) + return ; } diff --git a/app/page.tsx b/app/page.tsx index cd8378d..4440f64 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,27 +1,27 @@ -'use client' -import BannerHumas from "@/components/Landing Page/BannerHumas"; -import BodyLayout from "@/components/Landing Page/BodyLayout"; -import HeaderNews from "@/components/Landing Page/HeaderNews"; -import { HumasLayout } from "@/components/layout/HumasLayout"; +"use client"; +import BannerHumas from "@/components/landing/BannerHumas"; +import BodyLayout from "@/components/landing/BodyLayout"; +import HeaderNews from "@/components/landing/HeaderNews"; +import { HumasLayout } from "@/components/layout/humas-layout"; import { useEffect, useState } from "react"; export default function Home() { - const [hasMounted, setHasMounted] = useState(false); + const [hasMounted, setHasMounted] = useState(false); - useEffect(() => { - setHasMounted(true); - }, []); + useEffect(() => { + setHasMounted(true); + }, []); - // Render - if (!hasMounted) return null; + // Render + if (!hasMounted) return null; - return ( - <> - - - - - - - ); + return ( + <> + + + + + + + ); } diff --git a/app/portal-ppid/admin/layout.tsx b/app/portal-ppid/admin/layout.tsx index ca3c9d2..efbc13a 100644 --- a/app/portal-ppid/admin/layout.tsx +++ b/app/portal-ppid/admin/layout.tsx @@ -1,13 +1,9 @@ -import { PPIDAdminLayout } from "@/components/layout/PPIDAdminLayout"; +import { PPIDAdminLayout } from "@/components/layout/ppid-admin-layout"; export default function LayoutAdmin({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/portal-ppid/e-ppid-polda/layout.tsx b/app/portal-ppid/e-ppid-polda/layout.tsx index f329cb8..2f35c34 100644 --- a/app/portal-ppid/e-ppid-polda/layout.tsx +++ b/app/portal-ppid/e-ppid-polda/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function EPPIDPoldaLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/e-ppid-polda/page.tsx b/app/portal-ppid/e-ppid-polda/page.tsx index c5400a9..60546d8 100644 --- a/app/portal-ppid/e-ppid-polda/page.tsx +++ b/app/portal-ppid/e-ppid-polda/page.tsx @@ -1,7 +1,5 @@ -import PPIDPolda from '@/components/Portal PPID/PPIDPolda' +import PPIDPolda from "@/components/layout/portal-ppid/PPIDPolda"; export default function PPIDSakterPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/e-ppid-satker/layout.tsx b/app/portal-ppid/e-ppid-satker/layout.tsx index 60d49f1..68c20d3 100644 --- a/app/portal-ppid/e-ppid-satker/layout.tsx +++ b/app/portal-ppid/e-ppid-satker/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function EPPIDSatkerLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/e-ppid-satker/page.tsx b/app/portal-ppid/e-ppid-satker/page.tsx index c551720..d364c60 100644 --- a/app/portal-ppid/e-ppid-satker/page.tsx +++ b/app/portal-ppid/e-ppid-satker/page.tsx @@ -1,7 +1,5 @@ -import PPIDSatker from '@/components/Portal PPID/PPIDSatker' +import PPIDSatker from "@/components/layout/portal-ppid/PPIDSatker"; export default function PPIDSakterPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx b/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx index 3d60269..a704fb5 100644 --- a/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx +++ b/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx @@ -1,7 +1,5 @@ -import InformasiBerkala from '@/components/table/informasi-berkala' +import InformasiBerkala from "@/components/table/informasi-berkala-table"; export default function InformasiSMPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/informasi-publik/layout.tsx b/app/portal-ppid/informasi-publik/layout.tsx index dcd019e..b644c61 100644 --- a/app/portal-ppid/informasi-publik/layout.tsx +++ b/app/portal-ppid/informasi-publik/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function InfoPublicLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/layanan-informasi/layout.tsx b/app/portal-ppid/layanan-informasi/layout.tsx index b4b25dd..b1e64c0 100644 --- a/app/portal-ppid/layanan-informasi/layout.tsx +++ b/app/portal-ppid/layanan-informasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function LayananInformasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx b/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx index 3974cba..99a656f 100644 --- a/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx +++ b/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx @@ -1,8 +1,6 @@ -import StatiticAndRecap from '@/components/detail/StatistikRekapitulas' -import React from 'react' +import StatiticAndRecap from "@/components/main/detail/statistic-recap"; +import React from "react"; export default function StatisticPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/page.tsx b/app/portal-ppid/page.tsx index bc6a029..b698920 100644 --- a/app/portal-ppid/page.tsx +++ b/app/portal-ppid/page.tsx @@ -1,23 +1,22 @@ -'use client' -import FooterPPID from '@/components/Portal PPID/FooterPPID'; -import PPIDbody from '@/components/Portal PPID/PpidMain'; -import PPIDBanner from '@/components/Portal PPID/ppid-banner'; -import NavbarPPID from '@/components/navbar/NavbarPPID'; -import { usePathname } from 'next/navigation'; -import React from 'react'; - +"use client"; +import NavbarPPID from "@/components/layout/navbar/NavbarPPID"; +import FooterPPID from "@/components/layout/portal-ppid/FooterPPID"; +import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner"; +import PPIDbody from "@/components/layout/portal-ppid/PpidMain"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function PortalPPID(url: any) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - <> - - - - - - ) + return ( + <> + + + + + + ); } diff --git a/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx b/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx index 3d60269..a704fb5 100644 --- a/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx @@ -1,7 +1,5 @@ -import InformasiBerkala from '@/components/table/informasi-berkala' +import InformasiBerkala from "@/components/table/informasi-berkala-table"; export default function InformasiSMPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx b/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx index 36d5457..7dc8377 100644 --- a/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx +++ b/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function DinamicSatkerLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - // const pathname = usePathname(); - // console.log(pathname) + // const pathname = usePathname(); + // console.log(pathname) - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx b/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx index 033e90c..1ca1cb2 100644 --- a/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx +++ b/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function LayananInformasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx b/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx index 3974cba..99a656f 100644 --- a/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx @@ -1,8 +1,6 @@ -import StatiticAndRecap from '@/components/detail/StatistikRekapitulas' -import React from 'react' +import StatiticAndRecap from "@/components/main/detail/statistic-recap"; +import React from "react"; export default function StatisticPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/page.tsx b/app/portal-ppid/polda/[polda-name]/page.tsx index 3ef9c51..a1f7452 100644 --- a/app/portal-ppid/polda/[polda-name]/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/page.tsx @@ -1,24 +1,27 @@ -'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'; -import React from 'react' +"use client"; + +import FooterSatker from "@/components/layout/navbar/FooterSatker"; +import NavbarSatker from "@/components/layout/navbar/NavbarSatker"; +import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner"; +import PPIDSatkerMain from "@/components/layout/portal-ppid/PPIDMainSatker"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function PoldaPage() { - const pathname = usePathname(); - const url: string = pathname.split('polda/')[1].replace(/-/g, ' ').toUpperCase(); + const pathname = usePathname(); + const url: string = pathname + .split("polda/")[1] + .replace(/-/g, " ") + .toUpperCase(); - - return ( -
-
- - - - -
-
- ) + return ( +
+
+ + + + +
+
+ ); } diff --git a/app/portal-ppid/polda/[polda-name]/profile/layout.tsx b/app/portal-ppid/polda/[polda-name]/profile/layout.tsx index 36d5457..7dc8377 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/layout.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function DinamicSatkerLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - // const pathname = usePathname(); - // console.log(pathname) + // const pathname = usePathname(); + // console.log(pathname) - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx b/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx index d465284..1c6841c 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx @@ -1,8 +1,6 @@ -import About from '@/components/detail/About' -import React from 'react' +import About from "@/components/main/detail/about"; +import React from "react"; export default function PPIDProfile() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx b/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx index a84afcd..7dedf21 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx @@ -1,8 +1,6 @@ -import HistoryPPID from '@/components/page/HistoryPPID' -import React from 'react' +import HistoryPPID from "@/components/page/history-ppid"; +import React from "react"; export default function PPIDProfilePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx b/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx index b8748fb..4284181 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx @@ -1,7 +1,5 @@ -import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi"; +import StrukturOrganisasi from "@/components/main/detail/structure"; export default function StructurePPID() { - return ( - - ) -} \ No newline at end of file + return ; +} diff --git a/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx b/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx index c8c16f0..95eed6b 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx @@ -1,9 +1,5 @@ -import Task from "@/components/detail/TaskDetail"; - - +import Task from "@/components/main/detail/task-detail"; export default function PPIDTask() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx b/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx index 978e1a3..7bc1bbf 100644 --- a/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx @@ -1,8 +1,6 @@ -import VisiMisi from '@/components/detail/VisiMisi' -import React from 'react' +import VisiMisi from "@/components/main/detail/visi-misi"; +import React from "react"; export default function VMPPID() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx b/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx index ad5c079..61274b1 100644 --- a/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx +++ b/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function RegulasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx b/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx index b634852..360c2f5 100644 --- a/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx @@ -1,15 +1,15 @@ -import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar' -import RegulationTable from '@/components/table/tabel-regulasi' +import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar"; +import RegulationTable from "@/components/table/tabel-regulasi"; export default function RegulasiPage() { - return ( -
-
- -
-
- -
-
- ) + return ( +
+
+ +
+
+ +
+
+ ); } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx index 25548d1..7fcf1eb 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx @@ -1,8 +1,6 @@ -import ServiceFlow from '@/components/detail/ServiceFlow' -import React from 'react' +import ServiceFlow from "@/components/main/detail/service-flow"; +import React from "react"; export default function ServiceFlowPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx index 81cbac5..cca2b7b 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx @@ -1,20 +1,16 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function StandarLayananLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx index 3ea6d1a..40e6b52 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement' -import React from 'react' +import ServiceAnnouncement from "@/components/main/detail/service-announcement"; +import React from "react"; export default function ServiceAnnouncePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx index d818b3f..0ed5fea 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx @@ -1,8 +1,6 @@ -import ObjectionMecanism from '@/components/detail/ObjectionMecanism' -import React from 'react' +import ObjectionMecanism from "@/components/main/detail/objection-mecanism"; +import React from "react"; export default function ObjectionMecanismPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx index 7890f86..79e7960 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx @@ -1,8 +1,6 @@ -import RequestDispute from '@/components/detail/RequestDispute' -import React from 'react' +import RequestDispute from "@/components/main/detail/reqeust-dispute"; +import React from "react"; export default function RequestDisputePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx index 30b992d..11d0ee7 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceFee from '@/components/detail/ServiceFee' -import React from 'react' +import ServiceFee from "@/components/main/detail/service-fee"; +import React from "react"; export default function ServiceFeePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx index d9db6a2..096c181 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx @@ -1,8 +1,6 @@ -import RequestInformation from '@/components/detail/RequestInformation' -import React from 'react' +import RequestInformation from "@/components/main/detail/request-information"; +import React from "react"; export default function RequestInformationPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx index ef1a434..d6c27b8 100644 --- a/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceTime from '@/components/detail/ServiceTime' -import React from 'react' +import ServiceTime from "@/components/main/detail/serive-time"; +import React from "react"; export default function ServiceTimePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/profile/layout.tsx b/app/portal-ppid/profile/layout.tsx index c67a7ae..b687b58 100644 --- a/app/portal-ppid/profile/layout.tsx +++ b/app/portal-ppid/profile/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function PPIDProfileLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/profile/profile-singkat-ppid/page.tsx b/app/portal-ppid/profile/profile-singkat-ppid/page.tsx index d465284..1c6841c 100644 --- a/app/portal-ppid/profile/profile-singkat-ppid/page.tsx +++ b/app/portal-ppid/profile/profile-singkat-ppid/page.tsx @@ -1,8 +1,6 @@ -import About from '@/components/detail/About' -import React from 'react' +import About from "@/components/main/detail/about"; +import React from "react"; export default function PPIDProfile() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx b/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx index a84afcd..7dedf21 100644 --- a/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx +++ b/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx @@ -1,8 +1,6 @@ -import HistoryPPID from '@/components/page/HistoryPPID' -import React from 'react' +import HistoryPPID from "@/components/page/history-ppid"; +import React from "react"; export default function PPIDProfilePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/profile/struktur-ppid/page.tsx b/app/portal-ppid/profile/struktur-ppid/page.tsx index b8748fb..4284181 100644 --- a/app/portal-ppid/profile/struktur-ppid/page.tsx +++ b/app/portal-ppid/profile/struktur-ppid/page.tsx @@ -1,7 +1,5 @@ -import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi"; +import StrukturOrganisasi from "@/components/main/detail/structure"; export default function StructurePPID() { - return ( - - ) -} \ No newline at end of file + return ; +} diff --git a/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx b/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx index c8c16f0..95eed6b 100644 --- a/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx +++ b/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx @@ -1,9 +1,5 @@ -import Task from "@/components/detail/TaskDetail"; - - +import Task from "@/components/main/detail/task-detail"; export default function PPIDTask() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx b/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx index 978e1a3..7bc1bbf 100644 --- a/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx +++ b/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx @@ -1,8 +1,6 @@ -import VisiMisi from '@/components/detail/VisiMisi' -import React from 'react' +import VisiMisi from "@/components/main/detail/visi-misi"; +import React from "react"; export default function VMPPID() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/regulasi/layout.tsx b/app/portal-ppid/regulasi/layout.tsx index 17eef02..3abfb82 100644 --- a/app/portal-ppid/regulasi/layout.tsx +++ b/app/portal-ppid/regulasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function RegulasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/regulasi/page.tsx b/app/portal-ppid/regulasi/page.tsx index b634852..360c2f5 100644 --- a/app/portal-ppid/regulasi/page.tsx +++ b/app/portal-ppid/regulasi/page.tsx @@ -1,15 +1,15 @@ -import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar' -import RegulationTable from '@/components/table/tabel-regulasi' +import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar"; +import RegulationTable from "@/components/table/tabel-regulasi"; export default function RegulasiPage() { - return ( -
-
- -
-
- -
-
- ) + return ( +
+
+ +
+
+ +
+
+ ); } 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 index 3d60269..a704fb5 100644 --- 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 @@ -1,7 +1,5 @@ -import InformasiBerkala from '@/components/table/informasi-berkala' +import InformasiBerkala from "@/components/table/informasi-berkala-table"; export default function InformasiSMPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx index 36d5457..7dc8377 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function DinamicSatkerLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - // const pathname = usePathname(); - // console.log(pathname) + // const pathname = usePathname(); + // console.log(pathname) - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx index 033e90c..1ca1cb2 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function LayananInformasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx index 3974cba..99a656f 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx @@ -1,8 +1,6 @@ -import StatiticAndRecap from '@/components/detail/StatistikRekapitulas' -import React from 'react' +import StatiticAndRecap from "@/components/main/detail/statistic-recap"; +import React from "react"; export default function StatisticPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx index 7d6e5ce..e6b5a49 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx @@ -1,20 +1,24 @@ -'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'; +"use client"; + +import FooterSatker from "@/components/layout/navbar/FooterSatker"; +import NavbarSatker from "@/components/layout/navbar/NavbarSatker"; +import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner"; +import PPIDSatkerMain from "@/components/layout/portal-ppid/PPIDMainSatker"; +import { usePathname } from "next/navigation"; export default function SatkerPage() { - const pathname = usePathname(); - const url: string = pathname.split('satuan-kerja/')[1].replace(/-/g, ' ').toUpperCase(); + const pathname = usePathname(); + const url: string = pathname + .split("satuan-kerja/")[1] + .replace(/-/g, " ") + .toUpperCase(); - return ( -
- - - - -
- ) + return ( +
+ + + + +
+ ); } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx index 36d5457..7dc8377 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function DinamicSatkerLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - // const pathname = usePathname(); - // console.log(pathname) + // const pathname = usePathname(); + // console.log(pathname) - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx index d465284..1c6841c 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx @@ -1,8 +1,6 @@ -import About from '@/components/detail/About' -import React from 'react' +import About from "@/components/main/detail/about"; +import React from "react"; export default function PPIDProfile() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx index a84afcd..7dedf21 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx @@ -1,8 +1,6 @@ -import HistoryPPID from '@/components/page/HistoryPPID' -import React from 'react' +import HistoryPPID from "@/components/page/history-ppid"; +import React from "react"; export default function PPIDProfilePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx index b8748fb..4284181 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx @@ -1,7 +1,5 @@ -import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi"; +import StrukturOrganisasi from "@/components/main/detail/structure"; export default function StructurePPID() { - return ( - - ) -} \ No newline at end of file + return ; +} diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx index c8c16f0..95eed6b 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx @@ -1,9 +1,5 @@ -import Task from "@/components/detail/TaskDetail"; - - +import Task from "@/components/main/detail/task-detail"; export default function PPIDTask() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx index 978e1a3..7bc1bbf 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx @@ -1,8 +1,6 @@ -import VisiMisi from '@/components/detail/VisiMisi' -import React from 'react' +import VisiMisi from "@/components/main/detail/visi-misi"; +import React from "react"; export default function VMPPID() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx index ad5c079..61274b1 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React from 'react'; +"use client"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React from "react"; export default function RegulasiLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/page.tsx index b634852..360c2f5 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/page.tsx @@ -1,15 +1,15 @@ -import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar' -import RegulationTable from '@/components/table/tabel-regulasi' +import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar"; +import RegulationTable from "@/components/table/tabel-regulasi"; export default function RegulasiPage() { - return ( -
-
- -
-
- -
-
- ) + return ( +
+
+ +
+
+ +
+
+ ); } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx index 25548d1..7fcf1eb 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx @@ -1,8 +1,6 @@ -import ServiceFlow from '@/components/detail/ServiceFlow' -import React from 'react' +import ServiceFlow from "@/components/main/detail/service-flow"; +import React from "react"; export default function ServiceFlowPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx index 81cbac5..cca2b7b 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx @@ -1,20 +1,16 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { SatkerLayout } from '@/components/layout/SatKerLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { SatkerLayout } from "@/components/layout/satker-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function StandarLayananLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/maklumat-pelayanan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/maklumat-pelayanan/page.tsx index 3ea6d1a..40e6b52 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/maklumat-pelayanan/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/maklumat-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement' -import React from 'react' +import ServiceAnnouncement from "@/components/main/detail/service-announcement"; +import React from "react"; export default function ServiceAnnouncePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-keberatan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-keberatan/page.tsx index d818b3f..0ed5fea 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-keberatan/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-keberatan/page.tsx @@ -1,8 +1,6 @@ -import ObjectionMecanism from '@/components/detail/ObjectionMecanism' -import React from 'react' +import ObjectionMecanism from "@/components/main/detail/objection-mecanism"; +import React from "react"; export default function ObjectionMecanismPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx index 7890f86..79e7960 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx @@ -1,8 +1,6 @@ -import RequestDispute from '@/components/detail/RequestDispute' -import React from 'react' +import RequestDispute from "@/components/main/detail/reqeust-dispute"; +import React from "react"; export default function RequestDisputePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/standar-biaya-pelayanan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/standar-biaya-pelayanan/page.tsx index 30b992d..11d0ee7 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/standar-biaya-pelayanan/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/standar-biaya-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceFee from '@/components/detail/ServiceFee' -import React from 'react' +import ServiceFee from "@/components/main/detail/service-fee"; +import React from "react"; export default function ServiceFeePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx index d9db6a2..096c181 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx @@ -1,8 +1,6 @@ -import RequestInformation from '@/components/detail/RequestInformation' -import React from 'react' +import RequestInformation from "@/components/main/detail/request-information"; +import React from "react"; export default function RequestInformationPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/waktu-pelayanan/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/waktu-pelayanan/page.tsx index ef1a434..d6c27b8 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/waktu-pelayanan/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/waktu-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceTime from '@/components/detail/ServiceTime' -import React from 'react' +import ServiceTime from "@/components/main/detail/serive-time"; +import React from "react"; export default function ServiceTimePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik/page.tsx b/app/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik/page.tsx index 25548d1..7fcf1eb 100644 --- a/app/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik/page.tsx +++ b/app/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik/page.tsx @@ -1,8 +1,6 @@ -import ServiceFlow from '@/components/detail/ServiceFlow' -import React from 'react' +import ServiceFlow from "@/components/main/detail/service-flow"; +import React from "react"; export default function ServiceFlowPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/layout.tsx b/app/portal-ppid/standar-layanan/layout.tsx index 9da02e2..dac7a20 100644 --- a/app/portal-ppid/standar-layanan/layout.tsx +++ b/app/portal-ppid/standar-layanan/layout.tsx @@ -1,19 +1,15 @@ -'use client' -import { PPIDLayout } from '@/components/layout/PPIDLayout'; -import { usePathname } from 'next/navigation'; -import React, { Children } from 'react' +"use client"; +import { PPIDLayout } from "@/components/layout/ppid-layout"; +import { usePathname } from "next/navigation"; +import React, { Children } from "react"; export default function StandarLayananLayout({ - children, + children, }: { - children: React.ReactNode + children: React.ReactNode; }) { - const pathname = usePathname(); - console.log(pathname) + const pathname = usePathname(); + console.log(pathname); - return ( - - {children} - - ) + return {children}; } diff --git a/app/portal-ppid/standar-layanan/maklumat-pelayanan/page.tsx b/app/portal-ppid/standar-layanan/maklumat-pelayanan/page.tsx index 3ea6d1a..40e6b52 100644 --- a/app/portal-ppid/standar-layanan/maklumat-pelayanan/page.tsx +++ b/app/portal-ppid/standar-layanan/maklumat-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement' -import React from 'react' +import ServiceAnnouncement from "@/components/main/detail/service-announcement"; +import React from "react"; export default function ServiceAnnouncePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/mekanisme-keberatan/page.tsx b/app/portal-ppid/standar-layanan/mekanisme-keberatan/page.tsx index d818b3f..0ed5fea 100644 --- a/app/portal-ppid/standar-layanan/mekanisme-keberatan/page.tsx +++ b/app/portal-ppid/standar-layanan/mekanisme-keberatan/page.tsx @@ -1,8 +1,6 @@ -import ObjectionMecanism from '@/components/detail/ObjectionMecanism' -import React from 'react' +import ObjectionMecanism from "@/components/main/detail/objection-mecanism"; +import React from "react"; export default function ObjectionMecanismPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx b/app/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx index 7890f86..79e7960 100644 --- a/app/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx +++ b/app/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx @@ -1,8 +1,6 @@ -import RequestDispute from '@/components/detail/RequestDispute' -import React from 'react' +import RequestDispute from "@/components/main/detail/reqeust-dispute"; +import React from "react"; export default function RequestDisputePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/standar-biaya-pelayanan/page.tsx b/app/portal-ppid/standar-layanan/standar-biaya-pelayanan/page.tsx index 30b992d..11d0ee7 100644 --- a/app/portal-ppid/standar-layanan/standar-biaya-pelayanan/page.tsx +++ b/app/portal-ppid/standar-layanan/standar-biaya-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceFee from '@/components/detail/ServiceFee' -import React from 'react' +import ServiceFee from "@/components/main/detail/service-fee"; +import React from "react"; export default function ServiceFeePage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/tata-cara-permohonan-informasi/page.tsx b/app/portal-ppid/standar-layanan/tata-cara-permohonan-informasi/page.tsx index d9db6a2..096c181 100644 --- a/app/portal-ppid/standar-layanan/tata-cara-permohonan-informasi/page.tsx +++ b/app/portal-ppid/standar-layanan/tata-cara-permohonan-informasi/page.tsx @@ -1,8 +1,6 @@ -import RequestInformation from '@/components/detail/RequestInformation' -import React from 'react' +import RequestInformation from "@/components/main/detail/request-information"; +import React from "react"; export default function RequestInformationPage() { - return ( - - ) + return ; } diff --git a/app/portal-ppid/standar-layanan/waktu-pelayanan/page.tsx b/app/portal-ppid/standar-layanan/waktu-pelayanan/page.tsx index ef1a434..d6c27b8 100644 --- a/app/portal-ppid/standar-layanan/waktu-pelayanan/page.tsx +++ b/app/portal-ppid/standar-layanan/waktu-pelayanan/page.tsx @@ -1,8 +1,6 @@ -import ServiceTime from '@/components/detail/ServiceTime' -import React from 'react' +import ServiceTime from "@/components/main/detail/serive-time"; +import React from "react"; export default function ServiceTimePage() { - return ( - - ) + return ; } diff --git a/app/profile-pimpinan-polri/layout.tsx b/app/profile-pimpinan-polri/layout.tsx index af17d7f..fbc4cb5 100644 --- a/app/profile-pimpinan-polri/layout.tsx +++ b/app/profile-pimpinan-polri/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function PropimLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/profile-pimpinan-polri/page.tsx b/app/profile-pimpinan-polri/page.tsx index 817125e..24abd0b 100644 --- a/app/profile-pimpinan-polri/page.tsx +++ b/app/profile-pimpinan-polri/page.tsx @@ -1,7 +1,5 @@ -import Propim from '@/components/detail/Propim' +import Task from "@/components/main/detail/propim"; export default function PropimPage() { - return ( - - ) + return ; } diff --git a/app/struktur-organisasi/layout.tsx b/app/struktur-organisasi/layout.tsx index e74f436..467d442 100644 --- a/app/struktur-organisasi/layout.tsx +++ b/app/struktur-organisasi/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function StrukturLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/struktur-organisasi/page.tsx b/app/struktur-organisasi/page.tsx index 979ba9a..60a99a0 100644 --- a/app/struktur-organisasi/page.tsx +++ b/app/struktur-organisasi/page.tsx @@ -1,7 +1,5 @@ -import StrukturOragnisasi from "@/components/detail/StrukturOrganisasi"; +import StrukturOragnisasi from "@/components/main/detail/structure"; export default function StrukturPage() { - return ( - - ); + return ; } diff --git a/app/tentang-humas-polri/layout.tsx b/app/tentang-humas-polri/layout.tsx index f5a8621..d312d02 100644 --- a/app/tentang-humas-polri/layout.tsx +++ b/app/tentang-humas-polri/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function AboutLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/tentang-humas-polri/page.tsx b/app/tentang-humas-polri/page.tsx index 2a8bf26..8e7323a 100644 --- a/app/tentang-humas-polri/page.tsx +++ b/app/tentang-humas-polri/page.tsx @@ -1,7 +1,5 @@ -import About from "@/components/detail/About"; +import About from "@/components/main/detail/about"; export default function AboutPage() { - return ( - - ); + return ; } diff --git a/app/tugas-dan-fungsi/layout.tsx b/app/tugas-dan-fungsi/layout.tsx index 652243c..77eb126 100644 --- a/app/tugas-dan-fungsi/layout.tsx +++ b/app/tugas-dan-fungsi/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function TaskLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/tugas-dan-fungsi/page.tsx b/app/tugas-dan-fungsi/page.tsx index 34331c7..70039c6 100644 --- a/app/tugas-dan-fungsi/page.tsx +++ b/app/tugas-dan-fungsi/page.tsx @@ -1,8 +1,6 @@ -import Task from '@/components/detail/TaskDetail' -import React from 'react' +import Task from "@/components/main/detail/task-detail"; +import React from "react"; export default function TaskPage() { - return ( - - ) + return ; } diff --git a/app/visi-misi/layout.tsx b/app/visi-misi/layout.tsx index 11f3191..58c7f2e 100644 --- a/app/visi-misi/layout.tsx +++ b/app/visi-misi/layout.tsx @@ -1,13 +1,9 @@ -import { HumasLayout } from "@/components/layout/HumasLayout"; +import { HumasLayout } from "@/components/layout/humas-layout"; export default function VisiMisiLayout({ - children, + children, }: { - children: React.ReactNode; + children: React.ReactNode; }) { - return ( - - {children} - - ); + return {children}; } diff --git a/app/visi-misi/page.tsx b/app/visi-misi/page.tsx index 7f1e2a4..8ef045e 100644 --- a/app/visi-misi/page.tsx +++ b/app/visi-misi/page.tsx @@ -1,8 +1,6 @@ -import VisiMisi from '@/components/detail/VisiMisi' -import React from 'react' +import VisiMisi from "@/components/main/detail/visi-misi"; +import React from "react"; export default function VisiMisiPage() { - return ( - - ) + return ; } diff --git a/components/Landing Page/BannerHumas.tsx b/components/Landing Page/BannerHumas.tsx deleted file mode 100644 index 1c278c5..0000000 --- a/components/Landing Page/BannerHumas.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react' - -export default function BannerHumas() { - return ( -
- humasbanner -
-

TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK INDONESIA

-

"Menyajikan Informasi Terpercaya dan Mendekatkan Polri dengan Masyarakat"

-
-
- ) -} diff --git a/components/Landing Page/CategorySatker.tsx b/components/Landing Page/CategorySatker.tsx deleted file mode 100644 index 42cdc25..0000000 --- a/components/Landing Page/CategorySatker.tsx +++ /dev/null @@ -1,358 +0,0 @@ -'use client' -import { Button } from '@nextui-org/button'; -import { Image, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalProps, useDisclosure } from '@nextui-org/react'; -import { ChevronLeftWhite, ChevronRightWhite } from '../icons'; -import React from 'react'; -import Link from 'next/link'; - -export default function CategorySatker() { - const { isOpen, onOpen, onOpenChange } = useDisclosure(); - const [scrollBehavior, setScrollBehavior] = React.useState("inside"); - const [modalPlacement, setModalPlacement] = React.useState("auto"); - - const list = [ - { - 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' - }, - - ]; - - 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) { - // setLimitedData(list.slice(0, 2)); - // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { - // setLimitedData(list.slice(0, 3)); - // } else { - // setLimitedData(list.slice(0, 5)); - // } - // } - - // updateLimitedData(); - // window.addEventListener('resize', updateLimitedData); - // return () => { - // window.removeEventListener('resize', updateLimitedData); - // }; - // }, [list]); - - return ( -
-
Kategori Satker
-
-
-
- {list.map((item: any, index: any) => ( - -
- -

{item.title}

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

{item.title}

-
- ))} - - - - - - )} - - -
-
- ) -} diff --git a/components/Landing Page/HeaderNews.tsx b/components/Landing Page/HeaderNews.tsx deleted file mode 100644 index 896becc..0000000 --- a/components/Landing Page/HeaderNews.tsx +++ /dev/null @@ -1,205 +0,0 @@ -'use client' -import { Button, Card, CardFooter, ScrollShadow } from '@nextui-org/react' -import Image from 'next/image' -import { EyeIcon } from '../icons' -import { Swiper, SwiperSlide } from 'swiper/react'; -import 'swiper/css'; -import 'swiper/css/pagination'; -import { Autoplay, Pagination, Navigation } from 'swiper/modules'; -import Link from 'next/link'; -import GPRKominfo from '../SocialMedia/GprKominfo'; -import { useEffect, useState } from 'react'; -import { getListArticle } from '@/service/article'; - -export default function HeaderNews() { - const [article, setArticle] = useState(); - - useEffect(() => { - async function getArticle() { - const response = await getListArticle(); - console.log("res", response?.data?.data); - } - getArticle(); - }, []); - - const newsData = [ - { - id: 1, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - { - id: 2, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - { - id: 3, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - { - id: 4, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - { - id: 5, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - { - id: 6, - title: 'Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari', - date: '21-07-2023 13:50', - views: 82, - imageUrl: '/headernews.png' - }, - ]; - return ( -
-
-

Berita Terkini

- -
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
- -
- - - -
-
-
-
- - {newsData.map((newsItem) => ( - - - headernews - -
- -

{newsItem.title}

- -

{newsItem.date}

-

{newsItem.views}

-
- - - - ))} - -
- {/* - headernews - -
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
- - */} -
-
- - {/*
- gpr -
-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-
- gpr -
*/} -
-
- ) -} diff --git a/components/Landing Page/MediaSocial.tsx b/components/Landing Page/MediaSocial.tsx deleted file mode 100644 index d7441b6..0000000 --- a/components/Landing Page/MediaSocial.tsx +++ /dev/null @@ -1,300 +0,0 @@ -import Link from 'next/link'; -import Facebookwidget from '../SocialMedia/Facebook'; -import InstagramWidget from '../SocialMedia/Instagram'; -import TwitterWidget from '../SocialMedia/Twitter'; -import { ChevronRightIcon, FbIcon, IgIcon, TtIcon, TwitterIcon, YtIcon } from '../icons'; - -export default function MediaSocial() { - // const [limitedData, setLimitedData] = useState([]); - - const dummyData = [ - { - id: 1, - logo: "/logohumas.png", - division: "Divisi Humas Polri", - type: "/temp/offical.svg", - username: "@DivHumas_Polri", - followIcon: "/temp/iconX.svg", - description: - "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", - imageUrl: "/headernews.png", - }, - { - id: 2, - logo: "/logohumas.png", - division: "Divisi Humas Polri", - username: "@DivHumas_Polri", - type: "/temp/offical.svg", - followIcon: "/temp/iconX.svg", - description: - "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", - imageUrl: "/headernews.png", - }, - { - id: 3, - logo: "/logohumas.png", - division: "Divisi Humas Polri", - type: "/temp/offical.svg", - username: "@DivHumas_Polri", - followIcon: "/temp/iconX.svg", - description: - "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", - imageUrl: "/headernews.png", - }, - // { - // id: 4, - // logo: "/logohumas.png", - // division: "Divisi Humas Polri", - // username: "@DivHumas_Polri", - // followIcon: "/temp/iconX.svg", - // description: - // "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", - // imageUrl: "/headernews.png", - // }, - // { - // id: 4, - // logo: "/logohumas.png", - // division: "Divisi Humas Polri", - // username: "@DivHumas_Polri", - // followIcon: "/temp/iconX.svg", - // description: - // "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", - // imageUrl: "/headernews.png", - // }, - ]; - - // useEffect(() => { - // function updateLimitedData() { - // if (window.matchMedia("(max-width: 767px)").matches) { - // setLimitedData(dummyData.slice(0, 1)); - // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { - // setLimitedData(dummyData.slice(0, 2)); - // } else { - // setLimitedData(dummyData.slice(0, 3)); - // } - // } - - // updateLimitedData(); - // window.addEventListener('resize', updateLimitedData); - // return () => { - // window.removeEventListener('resize', updateLimitedData); - // }; - // }, [dummyData]); - - return ( -
-

MediaSocial

-
-
-
- -

Twitter

-
-
Lihat Semua
-
-
- -
- {/* {dummyData.map((data: any) => ( -
-
-
- logo -
-
-

{data.division}

-

{data.username}

-
-
-
-
-

Follow

-
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} */} -
-
-
-
- -

Instagram

-
-
Lihat Semua
-
-
- - {/* {dummyData.map((data: any) => ( -
-
-
-
- logo -
-
-

{data.division}

-

{data.username}

-
-
-
-
-

Lihat Profile

-
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} */} -
-
-
-
-
- - Facebook -
-
Lihat Semua
-
-
- {dummyData.map((data: any) => ( -
-
-
-
- logo -
-
-

{data.division}

-
-
-
-
Share
-
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} -
-
-
-
-
- - Tiktok -
-
Lihat Semua
-
-
- {dummyData.map((data: any) => ( -
-
-
-
- logo -
-
-

{data.division}

-
-
-
-
Share
-
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} -
-
-
-
-
- - Youtube -
-
Lihat Semua
-
-
-
- -
- {/* {dummyData.map((data: any) => ( -
-
-
-
- logo -
-
-

{data.division}

- -
-
-
-
- -
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} */} -
-
- - ) -} diff --git a/components/Landing Page/MedolUpdate.tsx b/components/Landing Page/MedolUpdate.tsx deleted file mode 100644 index a975a7c..0000000 --- a/components/Landing Page/MedolUpdate.tsx +++ /dev/null @@ -1,261 +0,0 @@ -import { Button, Card, CardBody, CardFooter, Image, Tab, Tabs } from '@nextui-org/react'; -import React, { useEffect, useState } from 'react' -import { Swiper, SwiperSlide } from 'swiper/react'; -import 'swiper/css'; -import 'swiper/css/navigation'; -import 'swiper/css/pagination'; -import { Navigation, Pagination } from 'swiper/modules'; -import { top5NewsMediahub } from '@/service/medol-news-update'; -import Link from 'next/link'; - -export default function MedolUpdate() { - const [mediahubUpdate, setMediahubUpdate] = useState(); - - useEffect(() => { - async function getMedihubUpdate() { - const res = await top5NewsMediahub(); - setMediahubUpdate(res.data?.data?.content); - // console.log("List Top5News", res.data.data?.content); - } - - getMedihubUpdate() - }, []); - - const mediaHubUpdate = [ - { - id: 1, - image: '/temp/mediahub1.png', - title: 'Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini Tambah Wawasan dan', - createdDate: '12 Januari 2024', - time: '13:00 WITA' - }, - { - id: 2, - image: '/temp/mediahub2.png', - title: 'Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak', - createdDate: '14 Januari 2024', - time: '13:00 WIB' - }, - { - id: 3, - image: '/temp/mediahub2.png', - title: 'Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak', - createdDate: '14 Januari 2024', - time: '13:00 WIB' - }, - { - id: 4, - image: '/temp/mediahub2.png', - title: 'Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak', - createdDate: '14 Januari 2024', - time: '13:00 WIB' - }, - { - id: 5, - image: '/temp/mediahub2.png', - title: 'Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak', - createdDate: '14 Januari 2024', - time: '13:00 WIB' - }, - ] - - return ( -
-
- Top 5 News Update -
-
- - - - {mediahubUpdate?.map((newsItem: any) => ( - - - - - tes - - -

02-04-2024 09:31 WITA

- {newsItem?.title} - - - - - ))} - -
- -
- - -
- console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:31 WITA

- Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini Tambah Wawasan dan - - - console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:16 WIB

- Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak - - -
-
- -
- - -
- console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:31 WITA

- Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini Tambah Wawasan dan - - - console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:16 WIB

- Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak - - -
-
- -
- - -
- console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:31 WITA

- Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini Tambah Wawasan dan - - - console.log("item pressed")} className='w-[45%] bg-white text-black'> - - tes - - -

02-04-2024 09:16 WIB

- Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak - - -
-
- -
- - -
-
- ) -} diff --git a/components/Landing Page/RegionalNews.tsx b/components/Landing Page/RegionalNews.tsx deleted file mode 100644 index 0a6f6cb..0000000 --- a/components/Landing Page/RegionalNews.tsx +++ /dev/null @@ -1,357 +0,0 @@ -'use client' -import { Button } from '@nextui-org/button'; -import { Image, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalProps, useDisclosure } from '@nextui-org/react'; -import { ChevronLeftWhite, ChevronRightWhite } from '../icons'; -import React, { useEffect, useState } from 'react'; -import Link from 'next/link'; - -export default function RegionalNews() { - const [limitedData, setLimitedData] = useState([]); - const { isOpen, onOpen, onOpenChange } = useDisclosure(); - const [scrollBehavior, setScrollBehavior] = React.useState("inside"); - const [modalPlacement, setModalPlacement] = React.useState("auto"); - - const listPolda = [ - { - id: 1, - img: "/temp/poldametro.svg", - title: "Polda Metro Jaya", - path: '/news/polda-metro-jaya' - }, - { - id: 2, - img: "/temp/polda-sumut.svg", - title: "Polda Sumatra Utara", - path: '/news/polda-sumatra-utara' - }, - { - id: 3, - img: "/temp/polda-banten.svg", - title: "Polda Banten", - path: '/news/polda-banten' - }, - { - id: 4, - img: "/temp/polda-jateng.svg", - title: "Polda Jawa Tengah", - path: '/news/polda-jateng' - }, - { - id: 5, - img: "/temp/polda-jatim.svg", - title: "Polda Jawa Timur", - path: 'news/polda-jatim' - }, - ]; - - const listPoldaAll = [ - { - id: 1, - img: "/assets/polda/polda-metro-jaya.svg", - title: "Polda Metro Jaya", - path: '/news/polda-metro-jaya' - }, - { - id: 2, - img: "/assets/polda/polda-jawa-barat.svg", - title: "Polda Jawa Barat", - path: '/news/polda-jawa-barat' - }, - { - id: 3, - img: "/assets/polda/polda-banten.svg", - title: "Polda Banten", - path: '/news/polda-banten' - }, - { - id: 4, - img: "/assets/polda/polda-jateng.svg", - title: "Polda Jawa Tengah", - path: '/news/polda-jateng' - }, - { - id: 5, - img: "/assets/polda/polda-diy.svg", - title: "Polda D.I Yogyakarta", - path: '/news/polda-daerah-istimewa-yogyakarta' - }, - { - id: 6, - img: "/assets/polda/polda-jatim.svg", - title: "Polda Jawa Timur", - path: '/news/polda-jawa-timur' - }, - { - id: 7, - img: "/assets/polda/polda-aceh.svg", - title: "Polda Aceh", - path: '/news/polda-aceh' - }, - { - id: 8, - img: "/assets/polda/polda-sumut.svg", - title: "Polda Sumatra Utara", - path: '/news/polda-sumatra-utara' - }, - { - id: 9, - img: "/assets/polda/polda-sumbar.svg", - title: "Polda Sumatra Barat", - path: '/news/polda-sumatra-barat' - }, - { - id: 10, - img: "/assets/polda/polda-riau.svg", - title: "Polda Riau", - path: '/news/polda-riau' - }, - { - id: 11, - img: "/assets/polda/polda-kepri.svg", - title: "Polda Kep.Riau", - path: '/news/polda-kepulauan-riau' - }, - { - id: 12, - img: "/assets/polda/polda-jambi.svg", - title: "Polda Jambi", - path: '/news/polda-jambi' - }, - { - id: 13, - img: "/assets/polda/polda-jambi.svg", - title: "Polda Jambi", - path: '/news/polda-jambi' - }, - { - id: 14, - img: "/assets/polda/polda-sumsel.svg", - title: "Polda Sumatra Selatan", - path: '/news/polda-sumatra-selatan' - }, - { - id: 15, - img: "/assets/polda/polda-sumsel.svg", - title: "Polda Kep.Bangka Belitung", - path: '/news/polda-bangka-belitung' - }, - { - id: 16, - img: "/assets/polda/polda-bengkulu.svg", - title: "Polda Bengkulu", - path: '/news/polda-bengkulu' - }, - { - id: 17, - img: "/assets/polda/polda-lampung.svg", - title: "Polda Lampung", - path: '/news/polda-lampung' - }, - { - id: 18, - img: "/assets/polda/polda-ntb.svg", - title: "Polda Nusa Tenggara Barat", - path: '/news/polda-ntb' - }, - { - id: 19, - img: "/assets/polda/polda-ntb.svg", - title: "Polda Nusa Tenggara Barat", - path: '/news/polda-ntb' - }, - { - id: 20, - img: "/assets/polda/polda-ntt.svg", - title: "Polda Nusa Tenggara Timur", - path: '/news/polda-ntt' - }, - { - id: 21, - img: "/assets/polda/polda-bali.svg", - title: "Polda Bali", - path: '/news/polda-bali' - }, - { - id: 22, - img: "/assets/polda/polda-kalbar.svg", - title: "Polda Kalimantan Barat", - path: '/news/polda-kalimantan-barat' - }, - { - id: 23, - img: "/assets/polda/polda-kalteng.svg", - title: "Polda Kalimantan Tengah", - path: '/news/polda-kalimantan-tengah' - }, - { - id: 24, - img: "/assets/polda/polda-kalsel.svg", - title: "Polda Kalimantan Selatan", - path: '/news/polda-kalimantan-selatan' - }, - { - id: 25, - img: "/assets/polda/polda-kaltim.svg", - title: "Polda Kalimantan Timur", - path: '/news/polda-kalimantan-timur' - }, - { - id: 26, - img: "/assets/polda/polda-kalut.svg", - title: "Polda Kalimantan Utara", - path: '/news/polda-kalimantan-utara' - }, - { - id: 27, - img: "/assets/polda/polda-sulteng.svg", - title: "Polda Sulawesi Tengah", - path: '/news/polda-sulawesi-tengah' - }, - { - id: 28, - img: "/assets/polda/polda-sulawesi-utara.svg", - title: "Polda Sulawesi Utara", - path: '/news/polda-sulawesi-utara' - }, - { - id: 29, - img: "/assets/polda/polda-gorontalo.svg", - title: "Polda Gorontalo", - path: '/news/polda-gorontalo' - }, - { - id: 30, - img: "/assets/polda/polda-sulbar.svg", - title: "Polda Sulawesi Barat", - path: '/news/polda-sulawesi-barat' - }, - { - id: 31, - img: "/assets/polda/polda-sulsel.svg", - title: "Polda Sulawesi Selatan", - path: '/news/polda-sulawesi-selatan' - }, - { - id: 32, - img: "/assets/polda/polda-sultenggara.svg", - title: "Polda Sulawesi Tenggara", - path: '/news/polda-sulawesi-tenggara' - }, - { - id: 33, - img: "/assets/polda/polda-malut.svg", - title: "Polda Maluku Utara", - path: '/news/polda-maluku-utara' - }, - { - id: 34, - img: "/assets/polda/polda-maluku.svg", - title: "Polda Maluku", - path: '/news/polda-maluku' - }, - { - id: 35, - img: "/assets/polda/polda-papuabarat.svg", - title: "Polda Papua Barat", - path: '/news/polda-papua-barat' - }, - { - id: 36, - img: "/assets/polda/polda-papua.svg", - title: "Polda Papua", - path: '/news/polda-papua' - }, - - ]; - - // useEffect(() => { - // function updateLimitedData() { - // if (window.matchMedia("(max-width: 767px)").matches) { - // setLimitedData(list.slice(0, 2)); - // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { - // setLimitedData(list.slice(0, 3)); - // } else { - // setLimitedData(list.slice(0, 5)); - // } - // } - - // updateLimitedData(); - // window.addEventListener('resize', updateLimitedData); - // return () => { - // window.removeEventListener('resize', updateLimitedData); - // }; - // }, [list]); - - return ( -
-
Berita Wilayah
-
-
-
- {listPolda.map((item: any, index: any) => ( - -
- -

{item.title}

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

{item.title}

-
- -
- ))} - - - - - - )} - - -
-
- ) -} diff --git a/components/Portal PPID/FooterPPID.tsx b/components/Portal PPID/FooterPPID.tsx deleted file mode 100644 index 4e40bcb..0000000 --- a/components/Portal PPID/FooterPPID.tsx +++ /dev/null @@ -1,87 +0,0 @@ -'use client' -import React from 'react' -import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtIcon } from '../icons' - -export default function FooterPPID() { - return ( - <> - -
© Copyright Humas

  POLRI ®

  All Rights Reserved
- - - ) -} diff --git a/components/Portal PPID/MediaUpdate.tsx b/components/Portal PPID/MediaUpdate.tsx deleted file mode 100644 index 91075d8..0000000 --- a/components/Portal PPID/MediaUpdate.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { ScrollShadow } from '@nextui-org/react' -import React from 'react' -import { EyeIcon } from '../icons' - -export default function MediaUpdate() { - return ( -
-
-

TV Polri

-
-
-
-
-
- Media Update -
-
- -
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
- -
-
-
-
- ) -} diff --git a/components/Portal PPID/PPIDPolda.tsx b/components/Portal PPID/PPIDPolda.tsx deleted file mode 100644 index 53ab0f9..0000000 --- a/components/Portal PPID/PPIDPolda.tsx +++ /dev/null @@ -1,277 +0,0 @@ -'use client' -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() { - - const listPoldaAll = [ - { - id: 1, - img: "/assets/polda/polda-metro-jaya.svg", - title: "Polda Metro Jaya", - path: 'polda/polda-metro-jaya' - }, - { - id: 2, - img: "/assets/polda/polda-jawa-barat.svg", - title: "Polda Jawa Barat", - path: 'polda/polda-jawa-barat' - }, - { - id: 3, - img: "/assets/polda/polda-banten.svg", - title: "Polda Banten", - path: 'polda/polda-banten' - }, - { - id: 4, - img: "/assets/polda/polda-jateng.svg", - title: "Polda Jawa Tengah", - path: 'polda/polda-jateng' - }, - { - id: 5, - img: "/assets/polda/polda-diy.svg", - title: "Polda D.I Yogyakarta", - path: 'polda/polda-diy' - }, - { - id: 6, - img: "/assets/polda/polda-jatim.svg", - title: "Polda Jawa Timur", - path: 'polda/polda-jatim' - }, - { - id: 7, - img: "/assets/polda/polda-aceh.svg", - title: "Polda Aceh", - path: 'polda/polda-aceh' - }, - { - id: 8, - img: "/assets/polda/polda-sumut.svg", - title: "Polda Sumatra Utara", - path: 'polda/polda-sumut' - }, - { - id: 9, - img: "/assets/polda/polda-sumbar.svg", - title: "Polda Sumatra Barat", - path: 'polda/polda-sumbar' - }, - { - id: 10, - img: "/assets/polda/polda-riau.svg", - title: "Polda Riau", - path: 'polda/polda-riau' - }, - { - id: 11, - img: "/assets/polda/polda-kepri.svg", - title: "Polda Kep.Riau", - path: 'polda/polda-kepri' - }, - { - id: 12, - img: "/assets/polda/polda-jambi.svg", - title: "Polda Jambi", - path: 'polda/polda-jambi' - }, - { - id: 13, - img: "/assets/polda/polda-sumsel.svg", - title: "Polda Sumatra Selatan", - path: 'polda/polda-sumsel' - }, - { - id: 14, - img: "/assets/polda/polda-babel.svg", - title: "Polda Kep.Bangka Belitung", - path: 'polda/polda-babel' - }, - { - id: 15, - img: "/assets/polda/polda-bengkulu.svg", - title: "Polda Bengkulu", - path: 'polda/polda-bengkulu' - }, - { - id: 16, - img: "/assets/polda/polda-lampung.svg", - title: "Polda Lampung", - path: 'polda/polda-lampung' - }, - { - id: 17, - img: "/assets/polda/polda-ntb.svg", - title: "Polda Nusa Tenggara Barat", - path: 'polda/polda-ntb' - }, - { - id: 18, - img: "/assets/polda/polda-ntt.svg", - title: "Polda Nusa Tenggara Timur", - path: 'polda/polda-ntt' - }, - { - id: 19, - img: "/assets/polda/polda-bali.svg", - title: "Polda Bali", - path: 'polda/polda-bali' - }, - { - id: 20, - img: "/assets/polda/polda-kalbar.svg", - title: "Polda Kalimantan Barat", - path: 'polda/polda-kalbar' - }, - { - id: 21, - img: "/assets/polda/polda-kalteng.svg", - title: "Polda Kalimantan Tengah", - path: 'polda/polda-kalteng' - }, - { - id: 22, - img: "/assets/polda/polda-kalsel.svg", - title: "Polda Kalimantan Selatan", - path: 'polda/polda-kalsel' - }, - { - id: 23, - img: "/assets/polda/polda-kaltim.svg", - title: "Polda Kalimantan Timur", - path: 'polda/polda-kaltim' - }, - { - id: 24, - img: "/assets/polda/polda-kalut.svg", - title: "Polda Kalimantan Utara", - path: 'polda/polda-kalut' - }, - { - id: 25, - img: "/assets/polda/polda-sulteng.svg", - title: "Polda Sulawesi Tengah", - path: 'polda/polda-sulteng' - }, - { - id: 26, - img: "/assets/polda/polda-sulawesi-utara.svg", - title: "Polda Sulawesi Utara", - path: 'polda/polda-sulawesi-utara' - }, - { - id: 27, - img: "/assets/polda/polda-gorontalo.svg", - title: "Polda Gorontalo", - path: 'polda/polda-gorontalo' - }, - { - id: 28, - img: "/assets/polda/polda-sulbar.svg", - title: "Polda Sulawesi Barat", - path: 'polda/polda-sulbar' - }, - { - id: 29, - img: "/assets/polda/polda-sulsel.svg", - title: "Polda Sulawesi Selatan", - path: 'polda/polda-sulsel' - }, - { - id: 30, - img: "/assets/polda/polda-sultenggara.svg", - title: "Polda Sulawesi Tenggara", - path: 'polda/polda-sultenggara' - }, - { - id: 31, - img: "/assets/polda/polda-malut.svg", - title: "Polda Maluku Utara", - path: 'polda/polda-malut' - }, - { - id: 32, - img: "/assets/polda/polda-maluku.svg", - title: "Polda Maluku", - path: 'polda/polda-maluku' - }, - { - id: 33, - img: "/assets/polda/polda-papuabarat.svg", - title: "Polda Papua Barat", - path: 'polda/polda-papuabarat' - }, - { - id: 34, - img: "/assets/polda/polda-papua.svg", - title: "Polda Papua", - path: 'polda/polda-papua' - }, - - ]; - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) - - const filters = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
-
-
-
E-PPID POLDA
-
- - Beranda - E-PPID Polda - -
-
-
E-PPID POLDA
-
- {listPoldaAll.map((polda) => ( -
- - logo -

{polda.title}

- -
- ))} -
-
-
-
- -
-
-
- -
-
- ) -} diff --git a/components/Portal PPID/PPIDSatker.tsx b/components/Portal PPID/PPIDSatker.tsx deleted file mode 100644 index 25aa5d1..0000000 --- a/components/Portal PPID/PPIDSatker.tsx +++ /dev/null @@ -1,261 +0,0 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react"; -import Link from "next/link"; -import PPIDSidebar from '../Portal PPID/PPIDSidebar'; -import { SearchIcon } from '../icons'; - - -export default function PPIDSatker() { - - - const listSatkerAll = [ - { - id: 1, - img: "/assets/satker/siber.svg", - path: 'satuan-kerja/siber' - }, - { - id: 2, - img: "/assets/satker/divkum.svg", - path: 'satuan-kerja/divkum' - }, - { - id: 3, - img: "/assets/satker/puskeu.svg", - path: 'satuan-kerja/puskeu' - }, - { - id: 4, - img: "/assets/satker/ssdm.svg", - path: 'satuan-kerja/ssdm' - }, - { - id: 5, - img: "/assets/satker/itwasum.svg", - path: 'satuan-kerja/itwasum' - }, - { - id: 6, - img: "/assets/satker/stik-ptik.svg", - path: 'satuan-kerja/stik-ptik' - }, - { - id: 7, - img: "/assets/satker/brimob.svg", - path: 'satuan-kerja/brimob' - }, - { - id: 8, - img: "/assets/satker/div-humas.svg", - path: 'satuan-kerja/div-humas' - }, - { - id: 9, - img: "/assets/satker/puslitbang.svg", - path: 'satuan-kerja/puslitbang' - }, - { - id: 10, - img: "/assets/satker/binmas.svg", - path: 'satuan-kerja/binmas' - }, - { - id: 11, - img: "/assets/satker/divtik.svg", - path: 'satuan-kerja/divtik' - }, - { - id: 12, - img: "/assets/satker/spripim.svg", - path: 'satuan-kerja/spripim' - }, - { - id: 13, - img: "/assets/satker/propam.svg", - path: 'satuan-kerja/propam' - }, - { - id: 14, - img: "/assets/satker/baharkam.svg", - path: 'satuan-kerja/sabhara-baharkam' - }, - { - id: 15, - img: "/assets/satker/pusdokkes.svg", - path: 'satuan-kerja/pusdokkes' - }, - { - id: 16, - img: "/assets/satker/baharkam2.svg", - path: 'satuan-kerja/baharkam' - }, - { - id: 17, - img: "/assets/satker/polairud.svg", - path: 'satuan-kerja/polairud' - }, - { - id: 18, - img: "/assets/satker/polair.svg", - path: 'satuan-kerja/polair' - }, - { - id: 19, - img: "/assets/satker/poludara.svg", - path: 'satuan-kerja/poludara' - }, - { - id: 20, - img: "/assets/satker/lemdiklat.svg", - path: 'satuan-kerja/lemdiklat' - }, - { - id: 21, - img: "/assets/satker/akpol.svg", - path: 'satuan-kerja/akpol' - }, - { - id: 22, - img: "/assets/satker/korlantas.svg", - path: 'satuan-kerja/korlantas' - }, - { - id: 23, - img: "/assets/satker/pusinafis.svg", - path: 'satuan-kerja/pusinafis' - }, - { - id: 24, - img: "/assets/satker/pusjarah.svg", - path: 'satuan-kerja/pusjarah' - }, - { - id: 25, - img: "/assets/satker/pusiknas.svg", - path: 'satuan-kerja/pusiknas' - }, - { - id: 26, - img: "/assets/satker/slog.svg", - path: 'satuan-kerja/slog' - }, - { - id: 27, - img: "/assets/satker/baintelkam.svg", - path: 'satuan-kerja/baintelkam' - }, - { - id: 28, - img: "/assets/satker/bareskrim.svg", - path: 'satuan-kerja/bareskrim' - }, - { - id: 29, - img: "/assets/satker/divhubinter.svg", - path: 'satuan-kerja/div-hubinter' - }, - { - id: 30, - img: "/assets/satker/setum.svg", - path: 'satuan-kerja/setum' - }, - { - id: 31, - img: "/assets/satker/puslabfor.svg", - path: 'satuan-kerja/puslabfor' - }, - { - id: 32, - img: "/assets/satker/densus.svg", - path: 'satuan-kerja/densus88' - }, - { - id: 33, - img: "/assets/satker/sahli-kapolri.svg", - path: 'satuan-kerja/sahli-kapolri' - }, - { - id: 34, - img: "/assets/satker/sops.svg", - path: 'satuan-kerja/sops' - }, - { - id: 35, - img: "/assets/satker/srena.svg", - path: 'satuan-kerja/srena' - }, - { - id: 36, - img: "/assets/satker/sespim.svg", - path: 'satuan-kerja/sespim' - }, - { - id: 37, - img: "/assets/satker/setupa.svg", - path: 'satuan-kerja/setupa' - }, - - - - ]; - - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) - - const filters = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
-
-
-
Satuan Kerja
-
- - Beranda - Satuan Kerja - -
-
-
Satuan Kerja
-
- {listSatkerAll.map((data) => ( -
- - logo - -
- ))} -
-
-
-
- -
-
-
- -
-
- ) -} diff --git a/components/Portal PPID/PPIDSidebar.tsx b/components/Portal PPID/PPIDSidebar.tsx deleted file mode 100644 index c88452b..0000000 --- a/components/Portal PPID/PPIDSidebar.tsx +++ /dev/null @@ -1,103 +0,0 @@ -'use client' -import { Button, Input, ScrollShadow } from '@nextui-org/react' -import React from 'react' -import { EyeIcon } from '../icons' -import GPRKominfo from '../SocialMedia/GprKominfo' -import Link from 'next/link' - -export default function PPIDSidebar() { - return ( -
-
- - satker - -
-
- - satker - -
-
- - permohonan - -
-
-
Permohonan Informasi
-
- -
-
- -
-
Lupa Password?
-
- - - -
-
- - - -
-
- {/*
- -
*/} - {/*
-
- Media Update -
-
- -
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
-
-

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

-

21-07-2023 13:50

-

82

-
- -
-
*/} -
-
Publikasi -
- publikasi - publikasi - publikasi - publikasi - {/* publikasi */} - publikasi - publikasi -
-
-
-
-
Channel Humas Polri -
- humas-polri - humas-polri - {/* humas-polri */} - humas-polri -
-
-
-
- ) -} diff --git a/components/Portal PPID/ppid-banner.tsx b/components/Portal PPID/ppid-banner.tsx deleted file mode 100644 index d69c288..0000000 --- a/components/Portal PPID/ppid-banner.tsx +++ /dev/null @@ -1,83 +0,0 @@ -'use client' -import { Input } from "@nextui-org/input"; -import { SearchIcon } from "../icons"; -import { usePathname } from "next/navigation"; - -interface PPIDBannerProps { - url: string; -} - -export default function PPIDBanner({ url }: PPIDBannerProps) { - const pathname = usePathname() - let isPolri; - - if (pathname === "/portal-ppid") { - isPolri = true; - } else { - isPolri = false; - } - console.log(isPolri) - - return ( -
-
- ppid-banner -
-

- {`SELAMAT DATANG DI PORTAL E-PPID ${isPolri ? 'POLRI' : url}`} -

-

- Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama. -

-
- - } - /> -
-
-
-
- //
- //
- // banner - //
- //
- //

- // SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA (HUMAS POLRI) - //

- //

- // Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari
implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama. - //

- // {/*
- // - // } - // /> - //
*/} - //
- //
- ) -} diff --git a/components/SocialMedia/Youtube.tsx b/components/SocialMedia/Youtube.tsx deleted file mode 100644 index 253c4a8..0000000 --- a/components/SocialMedia/Youtube.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { useEffect } from 'react'; - - -const YoutubeWidget = () => { - - useEffect(() => { - - if (typeof window !== 'undefined') { - const script = document.createElement('script'); - script.src = "https://embedsocial.com/cdn/ht.js"; - script.async = true; - document.head.appendChild(script); - - return () => { - document.head.removeChild(script); - }; - } - }, []); - - - - return ( -
- ); -}; - -export default YoutubeWidget; - - diff --git a/components/detail/Contact.tsx b/components/detail/Contact.tsx deleted file mode 100644 index 0f2e2f8..0000000 --- a/components/detail/Contact.tsx +++ /dev/null @@ -1,218 +0,0 @@ -'use client' -import { zodResolver } from "@hookform/resolvers/zod"; -import { Button } from '@nextui-org/button'; -import { Input, Textarea } from '@nextui-org/input'; -import { Select, SelectItem, SelectSection } from '@nextui-org/react'; -import React, { useState } from 'react'; -import { useForm } from 'react-hook-form'; -import { z } from 'zod'; -import { Calender, CustomerService, EyeFilledIcon, EyeSlashFilledIcon, Hotline, Location, Mail } from '../icons'; -import Datepicker from "react-tailwindcss-datepicker"; -import Image from "next/image"; - -const schema = z.object({ - name: z.string().min(3).max(50), - email: z.string().email(), -}); -interface FormData { - name: string; - email: string; -} - -const Contact: React.FC = () => { - const [isVisible, setIsVisible] = React.useState(false); - const [selectedGender, setSelectedGender] = React.useState(''); - - const [startDateValue, setStartDateValue] = useState({ - startDate: null, - endDate: null, - }); - - const toggleVisibility = () => setIsVisible(!isVisible); - - const { register, handleSubmit, formState: { errors } } = useForm({ - resolver: zodResolver(schema), - }); - - const onChangeGender = (selectedItem: any) => { - setSelectedGender(selectedItem); - // Lakukan apa pun yang perlu dilakukan saat pilihan jenis kelamin berubah di sini - console.log("Selected Gender:", selectedItem); - }; - - const handleValueChange = (newValue: any, num: any) => { - console.log("start:", newValue); - setStartDateValue(newValue); - } - - - const onSubmit = (data: FormData) => { - console.log(data); - }; - - return ( - //
- //
- // - // - // {errors.name &&

{errors.name.message}

} - //
- //
- // - // - // {errors.email &&

{errors.email.message}

} - //
- // - //
-
-

Kontak Kami

-
-
-
Informasi Kontak
-
Berikut informasi lengkap terkait Divisi Humas Polri
-
-
-
-
Hotline Divisi HumasPolri (021) 72120599
-
-
-
-
Hotline Divisi HumasPolri (021) 72120599
-
-
-
-
Call Center 110
-
-
-
-
ppid@polri.go.id
-
-
-
-
Jl Trunojoyo No.3, RT.2/RW.1, Selong, Kec. Kebayoran Baru, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12110, Indonesia
-
-
-
-
Hari Senin - Jumat | 08:00 - 15:00 WIB
-
-
-
- {/* maps */} -
-
-
-
Silahkan tuliskan pertanyaan anda kepada kami
-
- -
-
- -
-
- -
-
- -
-
- -
-
- - ar -
-
-
-
- ); -}; - -export default Contact; diff --git a/components/detail/DetailPage.tsx b/components/detail/DetailPage.tsx deleted file mode 100644 index 1b5b562..0000000 --- a/components/detail/DetailPage.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react' -import DetailNews from '../page/DetailNews' -import Comment from './Comment' -import SidebarDetail from '../page/SidebarDetail' -import RelatedNews from '../page/RelatedNews' - -export default function NewsDetailPage() { - return ( - <> -
-
- -
-
- -
-
-
- -
-
- -
-
- -
- - ) -} diff --git a/components/detail/ListNews.tsx b/components/detail/ListNews.tsx index 062ef4a..1fd8fe2 100644 --- a/components/detail/ListNews.tsx +++ b/components/detail/ListNews.tsx @@ -1,124 +1,162 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; import Link from "next/link"; - +import { SearchIcon } from "../icons"; export default function ListNews() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const listNews = [ - { - id: 1, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 2, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 3, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS ", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 4, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 5, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 6, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 7, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 8, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, - { - id: 9, - thumnbnail: '/headernews.png', - title: 'Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara', - date: "06 Maret, 2024 16:14 HUMAS POLRI", - description: "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!" - }, + const listNews = [ + { + id: 1, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 2, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 3, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS ", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 4, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 5, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 6, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 7, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 8, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 9, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + ]; - ] - - return ( -
- - Beranda - Berita - -
- {listNews.map((news) => ( - -
-
- -
-
-
{news.title}
-
-
{news.date}
- {/*
jam
+ return ( +
+ + Beranda + Berita + +
+ {listNews.map((news) => ( + +
+
+ +
+
+
+ {news.title} +
+
+
{news.date}
+ {/*
jam
creator
*/} -
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis est quas soluta deserunt ullam. Sapiente facilis modi vitae. Aspernatur excepturi quo amet omnis laudantium inventore praesentium illum hic reiciendis error.
-
-
- - ))} +
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis + est quas soluta deserunt ullam. Sapiente facilis modi vitae. + Aspernatur excepturi quo amet omnis laudantium inventore + praesentium illum hic reiciendis error. +
+
-
- ) + + ))} +
+
+ ); } diff --git a/components/form/login.tsx b/components/form/login.tsx index 8bc283a..a5846b1 100644 --- a/components/form/login.tsx +++ b/components/form/login.tsx @@ -1,125 +1,148 @@ -'use client' -import { Input } from '@nextui-org/input' -import React from 'react' -import { EyeFilledIcon, EyeSlashFilledIcon } from '../icons'; -import { Button } from '@nextui-org/button'; -import Link from 'next/link'; +"use client"; +import { Input } from "@nextui-org/input"; +import React from "react"; +import { EyeFilledIcon, EyeSlashFilledIcon } from "../icons"; +import { Button } from "@nextui-org/button"; +import Link from "next/link"; export default function Login() { - const [isVisible, setIsVisible] = React.useState(false); + const [isVisible, setIsVisible] = React.useState(false); - const toggleVisibility = () => setIsVisible(!isVisible); + const toggleVisibility = () => setIsVisible(!isVisible); - return ( -
-
-
Selamat Datang di Portal Resmi Humas Polri
-
- -
-
- - {isVisible ? ( - - ) : ( - - )} - - } - type={isVisible ? "text" : "password"} - label="Password" - placeholder="Masukkan password anda" - variant='underlined' - /> -
-
- - {isVisible ? ( - - ) : ( - - )} - - } - type={isVisible ? "text" : "password"} - label="Konfirmasi Password" - placeholder="Masukkan password anda" - variant='underlined' - /> -
-
- -
-
Don't have account? Register Now
-
- - - -
-
-
- logo -
+ return ( +
+
+
+ Selamat Datang di Portal Resmi Humas Polri
- ) +
+ +
+
+ + {isVisible ? ( + + ) : ( + + )} + + } + type={isVisible ? "text" : "password"} + label="Password" + placeholder="Masukkan password anda" + variant="underlined" + /> +
+
+ + {isVisible ? ( + + ) : ( + + )} + + } + type={isVisible ? "text" : "password"} + label="Konfirmasi Password" + placeholder="Masukkan password anda" + variant="underlined" + /> +
+
+ +
+
+ Don't have account? Register Now +
+
+ + + +
+
+
+ logo +
+
+ ); } diff --git a/components/landing/BannerHumas.tsx b/components/landing/BannerHumas.tsx new file mode 100644 index 0000000..82dafc4 --- /dev/null +++ b/components/landing/BannerHumas.tsx @@ -0,0 +1,23 @@ +import React from "react"; + +export default function BannerHumas() { + return ( +
+ humasbanner +
+

+ TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK + INDONESIA +

+

+ {`"Menyajikan Informasi Terpercaya dan Mendekatkan Polri dengan + Masyarakat"`} +

+
+
+ ); +} diff --git a/components/Landing Page/BodyLayout.tsx b/components/landing/BodyLayout.tsx similarity index 100% rename from components/Landing Page/BodyLayout.tsx rename to components/landing/BodyLayout.tsx diff --git a/components/landing/CategorySatker.tsx b/components/landing/CategorySatker.tsx new file mode 100644 index 0000000..18a355c --- /dev/null +++ b/components/landing/CategorySatker.tsx @@ -0,0 +1,381 @@ +"use client"; +import { Button } from "@nextui-org/button"; +import { + Image, + Modal, + ModalBody, + ModalContent, + ModalFooter, + ModalHeader, + ModalProps, + useDisclosure, +} from "@nextui-org/react"; +import { ChevronLeftWhite, ChevronRightWhite } from "../icons"; +import React from "react"; +import Link from "next/link"; + +export default function CategorySatker() { + const { isOpen, onOpen, onOpenChange } = useDisclosure(); + const [scrollBehavior, setScrollBehavior] = + React.useState("inside"); + const [modalPlacement, setModalPlacement] = React.useState("auto"); + + const list = [ + { + 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", + }, + ]; + + 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) { + // setLimitedData(list.slice(0, 2)); + // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { + // setLimitedData(list.slice(0, 3)); + // } else { + // setLimitedData(list.slice(0, 5)); + // } + // } + + // updateLimitedData(); + // window.addEventListener('resize', updateLimitedData); + // return () => { + // window.removeEventListener('resize', updateLimitedData); + // }; + // }, [list]); + + return ( +
+
+ Kategori Satker +
+
+
+ +
+
+ {list.map((item: any, index: any) => ( + +
+ +

{item.title}

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

+ {item.title} +

+
+ ))} + + + + + + )} + + +
+
+ ); +} diff --git a/components/Landing Page/ENewsPolri.tsx b/components/landing/ENewsPolri.tsx similarity index 100% rename from components/Landing Page/ENewsPolri.tsx rename to components/landing/ENewsPolri.tsx diff --git a/components/Landing Page/Footer.tsx b/components/landing/Footer.tsx similarity index 100% rename from components/Landing Page/Footer.tsx rename to components/landing/Footer.tsx diff --git a/components/landing/HeaderNews.tsx b/components/landing/HeaderNews.tsx new file mode 100644 index 0000000..646502d --- /dev/null +++ b/components/landing/HeaderNews.tsx @@ -0,0 +1,238 @@ +"use client"; +import { Button, Card, CardFooter, ScrollShadow } from "@nextui-org/react"; +import Image from "next/image"; +import { EyeIcon } from "../icons"; +import { Swiper, SwiperSlide } from "swiper/react"; +import "swiper/css"; +import "swiper/css/pagination"; +import { Autoplay, Pagination, Navigation } from "swiper/modules"; +import Link from "next/link"; +import GPRKominfo from "../ui/social-media/gpr-kominfo"; +import { useEffect, useState } from "react"; +import { getListArticle } from "@/service/article"; + +export default function HeaderNews() { + const [article, setArticle] = useState(); + + useEffect(() => { + async function getArticle() { + const response = await getListArticle(); + console.log("res", response?.data?.data); + } + getArticle(); + }, []); + + const newsData = [ + { + id: 1, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + { + id: 2, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + { + id: 3, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + { + id: 4, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + { + id: 5, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + { + id: 6, + title: + "Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari", + date: "21-07-2023 13:50", + views: 82, + imageUrl: "/headernews.png", + }, + ]; + return ( +
+
+

Berita Terkini

+ +
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi + Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi + Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi + Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi + Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+ +
+ + + +
+
+
+
+ + {newsData.map((newsItem) => ( + + + headernews + +
+ +

+ {newsItem.title} +

+ +

+ {newsItem.date} +

+

+ + {newsItem.views} +

+
+ + + + ))} + +
+ {/* + headernews + +
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+ + */} +
+
+ + {/*
+ gpr +
+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+
+ gpr +
*/} +
+
+ ); +} diff --git a/components/landing/MediaSocial.tsx b/components/landing/MediaSocial.tsx new file mode 100644 index 0000000..56ee0e0 --- /dev/null +++ b/components/landing/MediaSocial.tsx @@ -0,0 +1,346 @@ +import Link from "next/link"; +import { + ChevronRightIcon, + FbIcon, + IgIcon, + TtIcon, + TwitterIcon, + YtIcon, +} from "../icons"; +import TwitterWidget from "../ui/social-media/twitter"; +import InstagramWidget from "../ui/social-media/instagram"; +import FacebookWidget from "../ui/social-media/facebook"; + +export default function MediaSocial() { + // const [limitedData, setLimitedData] = useState([]); + + const dummyData = [ + { + id: 1, + logo: "/logohumas.png", + division: "Divisi Humas Polri", + type: "/temp/offical.svg", + username: "@DivHumas_Polri", + followIcon: "/temp/iconX.svg", + description: + "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", + imageUrl: "/headernews.png", + }, + { + id: 2, + logo: "/logohumas.png", + division: "Divisi Humas Polri", + username: "@DivHumas_Polri", + type: "/temp/offical.svg", + followIcon: "/temp/iconX.svg", + description: + "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", + imageUrl: "/headernews.png", + }, + { + id: 3, + logo: "/logohumas.png", + division: "Divisi Humas Polri", + type: "/temp/offical.svg", + username: "@DivHumas_Polri", + followIcon: "/temp/iconX.svg", + description: + "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", + imageUrl: "/headernews.png", + }, + // { + // id: 4, + // logo: "/logohumas.png", + // division: "Divisi Humas Polri", + // username: "@DivHumas_Polri", + // followIcon: "/temp/iconX.svg", + // description: + // "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", + // imageUrl: "/headernews.png", + // }, + // { + // id: 4, + // logo: "/logohumas.png", + // division: "Divisi Humas Polri", + // username: "@DivHumas_Polri", + // followIcon: "/temp/iconX.svg", + // description: + // "Pada pembukaan KTT ke-43 ASEAN, Presiden RI, H. Joko Widodo menegaskan bahwa kesatuan ASEAN sampai saat ini masih terjaga dan terpelihara dengan baik.", + // imageUrl: "/headernews.png", + // }, + ]; + + // useEffect(() => { + // function updateLimitedData() { + // if (window.matchMedia("(max-width: 767px)").matches) { + // setLimitedData(dummyData.slice(0, 1)); + // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { + // setLimitedData(dummyData.slice(0, 2)); + // } else { + // setLimitedData(dummyData.slice(0, 3)); + // } + // } + + // updateLimitedData(); + // window.addEventListener('resize', updateLimitedData); + // return () => { + // window.removeEventListener('resize', updateLimitedData); + // }; + // }, [dummyData]); + + return ( +
+

+ MediaSocial +

+
+
+
+ +

Twitter

+
+
+ Lihat Semua +
+
+
+ +
+ {/* {dummyData.map((data: any) => ( +
+
+
+ logo +
+
+

{data.division}

+

{data.username}

+
+
+
+
+

Follow

+
+
+
+ {data.description} +
Lihat Selengkapnya +
+
+
+ header +
+
+
+ ))} */} +
+
+
+
+ +

Instagram

+
+
+ + Lihat Semua + {" "} +
+
+
+ + {/* {dummyData.map((data: any) => ( +
+
+
+
+ logo +
+
+

{data.division}

+

{data.username}

+
+
+
+
+

Lihat Profile

+
+
+
+ {data.description} +
Lihat Selengkapnya +
+
+
+ header +
+
+
+ ))} */} +
+
+
+
+
+ + Facebook +
+
+ Lihat Semua +
+
+
+ {dummyData.map((data: any) => ( +
+
+
+
+ logo +
+
+

+ {data.division} +

+
+
+
+
+ + Share +
+
+
+
+ {data.description} + +
+ Lihat Selengkapnya + +
+
+
+ header +
+
+
+ ))} +
+
+
+
+
+ + Tiktok +
+
+ Lihat Semua +
+
+
+ {dummyData.map((data: any) => ( +
+
+
+
+ logo +
+
+

+ {data.division} +

+
+
+
+
+ + Share +
+
+
+
+ {data.description} + +
+ Lihat Selengkapnya + +
+
+
+ header +
+
+
+ ))} +
+
+
+
+
+ + Youtube +
+
+ + Lihat Semua + +
+
+
+
+ +
+ {/* {dummyData.map((data: any) => ( +
+
+
+
+ logo +
+
+

{data.division}

+ +
+
+
+
+ +
+
+
+ {data.description} +
Lihat Selengkapnya +
+
+
+ header +
+
+
+ ))} */} +
+
+
+ ); +} diff --git a/components/landing/MedolUpdate.tsx b/components/landing/MedolUpdate.tsx new file mode 100644 index 0000000..206fc66 --- /dev/null +++ b/components/landing/MedolUpdate.tsx @@ -0,0 +1,326 @@ +import { + Button, + Card, + CardBody, + CardFooter, + Image, + Tab, + Tabs, +} from "@nextui-org/react"; +import React, { useEffect, useState } from "react"; +import { Swiper, SwiperSlide } from "swiper/react"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import { Navigation, Pagination } from "swiper/modules"; +import { top5NewsMediahub } from "@/service/medol-news-update"; +import Link from "next/link"; + +export default function MedolUpdate() { + const [mediahubUpdate, setMediahubUpdate] = useState(); + + useEffect(() => { + async function getMedihubUpdate() { + const res = await top5NewsMediahub(); + setMediahubUpdate(res.data?.data?.content); + // console.log("List Top5News", res.data.data?.content); + } + + getMedihubUpdate(); + }, []); + + const mediaHubUpdate = [ + { + id: 1, + image: "/temp/mediahub1.png", + title: + "Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini Tambah Wawasan dan", + createdDate: "12 Januari 2024", + time: "13:00 WITA", + }, + { + id: 2, + image: "/temp/mediahub2.png", + title: + "Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak", + createdDate: "14 Januari 2024", + time: "13:00 WIB", + }, + { + id: 3, + image: "/temp/mediahub2.png", + title: + "Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak", + createdDate: "14 Januari 2024", + time: "13:00 WIB", + }, + { + id: 4, + image: "/temp/mediahub2.png", + title: + "Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak", + createdDate: "14 Januari 2024", + time: "13:00 WIB", + }, + { + id: 5, + image: "/temp/mediahub2.png", + title: + "Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga 1 Pelabuhan Merak", + createdDate: "14 Januari 2024", + time: "13:00 WIB", + }, + ]; + + return ( +
+
+ Top 5 News Update +
+
+ + + + {mediahubUpdate?.map((newsItem: any) => ( + + + + + tes + + +

02-04-2024 09:31 WITA

+ {newsItem?.title} + + + + + ))} + +
+ +
+ + +
+ console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:31 WITA

+ + Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini + Tambah Wawasan dan + + + + console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:16 WIB

+ + Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga + 1 Pelabuhan Merak + + + +
+
+ +
+ + +
+ console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:31 WITA

+ + Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini + Tambah Wawasan dan + + + + console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:16 WIB

+ + Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga + 1 Pelabuhan Merak + + + +
+
+ +
+ + +
+ console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:31 WITA

+ + Peringatan Nuzulul Quran, Kapolda Sulbar Harap Kegiatan Ini + Tambah Wawasan dan + + + + console.log("item pressed")} + className="w-[45%] bg-white text-black" + > + + tes + + +

02-04-2024 09:16 WIB

+ + Kapolri Tinjau Langsung Kondisi Pelayanan Pemudik di Dermaga + 1 Pelabuhan Merak + + + +
+
+ +
+ + +
+
+ ); +} diff --git a/components/landing/RegionalNews.tsx b/components/landing/RegionalNews.tsx new file mode 100644 index 0000000..024265e --- /dev/null +++ b/components/landing/RegionalNews.tsx @@ -0,0 +1,380 @@ +"use client"; +import { Button } from "@nextui-org/button"; +import { + Image, + Modal, + ModalBody, + ModalContent, + ModalFooter, + ModalHeader, + ModalProps, + useDisclosure, +} from "@nextui-org/react"; +import { ChevronLeftWhite, ChevronRightWhite } from "../icons"; +import React, { useEffect, useState } from "react"; +import Link from "next/link"; + +export default function RegionalNews() { + const [limitedData, setLimitedData] = useState([]); + const { isOpen, onOpen, onOpenChange } = useDisclosure(); + const [scrollBehavior, setScrollBehavior] = + React.useState("inside"); + const [modalPlacement, setModalPlacement] = React.useState("auto"); + + const listPolda = [ + { + id: 1, + img: "/temp/poldametro.svg", + title: "Polda Metro Jaya", + path: "/news/polda-metro-jaya", + }, + { + id: 2, + img: "/temp/polda-sumut.svg", + title: "Polda Sumatra Utara", + path: "/news/polda-sumatra-utara", + }, + { + id: 3, + img: "/temp/polda-banten.svg", + title: "Polda Banten", + path: "/news/polda-banten", + }, + { + id: 4, + img: "/temp/polda-jateng.svg", + title: "Polda Jawa Tengah", + path: "/news/polda-jateng", + }, + { + id: 5, + img: "/temp/polda-jatim.svg", + title: "Polda Jawa Timur", + path: "news/polda-jatim", + }, + ]; + + const listPoldaAll = [ + { + id: 1, + img: "/assets/polda/polda-metro-jaya.svg", + title: "Polda Metro Jaya", + path: "/news/polda-metro-jaya", + }, + { + id: 2, + img: "/assets/polda/polda-jawa-barat.svg", + title: "Polda Jawa Barat", + path: "/news/polda-jawa-barat", + }, + { + id: 3, + img: "/assets/polda/polda-banten.svg", + title: "Polda Banten", + path: "/news/polda-banten", + }, + { + id: 4, + img: "/assets/polda/polda-jateng.svg", + title: "Polda Jawa Tengah", + path: "/news/polda-jateng", + }, + { + id: 5, + img: "/assets/polda/polda-diy.svg", + title: "Polda D.I Yogyakarta", + path: "/news/polda-daerah-istimewa-yogyakarta", + }, + { + id: 6, + img: "/assets/polda/polda-jatim.svg", + title: "Polda Jawa Timur", + path: "/news/polda-jawa-timur", + }, + { + id: 7, + img: "/assets/polda/polda-aceh.svg", + title: "Polda Aceh", + path: "/news/polda-aceh", + }, + { + id: 8, + img: "/assets/polda/polda-sumut.svg", + title: "Polda Sumatra Utara", + path: "/news/polda-sumatra-utara", + }, + { + id: 9, + img: "/assets/polda/polda-sumbar.svg", + title: "Polda Sumatra Barat", + path: "/news/polda-sumatra-barat", + }, + { + id: 10, + img: "/assets/polda/polda-riau.svg", + title: "Polda Riau", + path: "/news/polda-riau", + }, + { + id: 11, + img: "/assets/polda/polda-kepri.svg", + title: "Polda Kep.Riau", + path: "/news/polda-kepulauan-riau", + }, + { + id: 12, + img: "/assets/polda/polda-jambi.svg", + title: "Polda Jambi", + path: "/news/polda-jambi", + }, + { + id: 13, + img: "/assets/polda/polda-jambi.svg", + title: "Polda Jambi", + path: "/news/polda-jambi", + }, + { + id: 14, + img: "/assets/polda/polda-sumsel.svg", + title: "Polda Sumatra Selatan", + path: "/news/polda-sumatra-selatan", + }, + { + id: 15, + img: "/assets/polda/polda-sumsel.svg", + title: "Polda Kep.Bangka Belitung", + path: "/news/polda-bangka-belitung", + }, + { + id: 16, + img: "/assets/polda/polda-bengkulu.svg", + title: "Polda Bengkulu", + path: "/news/polda-bengkulu", + }, + { + id: 17, + img: "/assets/polda/polda-lampung.svg", + title: "Polda Lampung", + path: "/news/polda-lampung", + }, + { + id: 18, + img: "/assets/polda/polda-ntb.svg", + title: "Polda Nusa Tenggara Barat", + path: "/news/polda-ntb", + }, + { + id: 19, + img: "/assets/polda/polda-ntb.svg", + title: "Polda Nusa Tenggara Barat", + path: "/news/polda-ntb", + }, + { + id: 20, + img: "/assets/polda/polda-ntt.svg", + title: "Polda Nusa Tenggara Timur", + path: "/news/polda-ntt", + }, + { + id: 21, + img: "/assets/polda/polda-bali.svg", + title: "Polda Bali", + path: "/news/polda-bali", + }, + { + id: 22, + img: "/assets/polda/polda-kalbar.svg", + title: "Polda Kalimantan Barat", + path: "/news/polda-kalimantan-barat", + }, + { + id: 23, + img: "/assets/polda/polda-kalteng.svg", + title: "Polda Kalimantan Tengah", + path: "/news/polda-kalimantan-tengah", + }, + { + id: 24, + img: "/assets/polda/polda-kalsel.svg", + title: "Polda Kalimantan Selatan", + path: "/news/polda-kalimantan-selatan", + }, + { + id: 25, + img: "/assets/polda/polda-kaltim.svg", + title: "Polda Kalimantan Timur", + path: "/news/polda-kalimantan-timur", + }, + { + id: 26, + img: "/assets/polda/polda-kalut.svg", + title: "Polda Kalimantan Utara", + path: "/news/polda-kalimantan-utara", + }, + { + id: 27, + img: "/assets/polda/polda-sulteng.svg", + title: "Polda Sulawesi Tengah", + path: "/news/polda-sulawesi-tengah", + }, + { + id: 28, + img: "/assets/polda/polda-sulawesi-utara.svg", + title: "Polda Sulawesi Utara", + path: "/news/polda-sulawesi-utara", + }, + { + id: 29, + img: "/assets/polda/polda-gorontalo.svg", + title: "Polda Gorontalo", + path: "/news/polda-gorontalo", + }, + { + id: 30, + img: "/assets/polda/polda-sulbar.svg", + title: "Polda Sulawesi Barat", + path: "/news/polda-sulawesi-barat", + }, + { + id: 31, + img: "/assets/polda/polda-sulsel.svg", + title: "Polda Sulawesi Selatan", + path: "/news/polda-sulawesi-selatan", + }, + { + id: 32, + img: "/assets/polda/polda-sultenggara.svg", + title: "Polda Sulawesi Tenggara", + path: "/news/polda-sulawesi-tenggara", + }, + { + id: 33, + img: "/assets/polda/polda-malut.svg", + title: "Polda Maluku Utara", + path: "/news/polda-maluku-utara", + }, + { + id: 34, + img: "/assets/polda/polda-maluku.svg", + title: "Polda Maluku", + path: "/news/polda-maluku", + }, + { + id: 35, + img: "/assets/polda/polda-papuabarat.svg", + title: "Polda Papua Barat", + path: "/news/polda-papua-barat", + }, + { + id: 36, + img: "/assets/polda/polda-papua.svg", + title: "Polda Papua", + path: "/news/polda-papua", + }, + ]; + + // useEffect(() => { + // function updateLimitedData() { + // if (window.matchMedia("(max-width: 767px)").matches) { + // setLimitedData(list.slice(0, 2)); + // } else if (window.matchMedia("(min-width: 768px) and (max-width: 1023px)").matches) { + // setLimitedData(list.slice(0, 3)); + // } else { + // setLimitedData(list.slice(0, 5)); + // } + // } + + // updateLimitedData(); + // window.addEventListener('resize', updateLimitedData); + // return () => { + // window.removeEventListener('resize', updateLimitedData); + // }; + // }, [list]); + + return ( +
+
+ Berita Wilayah +
+
+
+ +
+
+ {listPolda.map((item: any, index: any) => ( + +
+ +

{item.title}

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

+ {item.title} +

+
+ +
+ ))} + + + + + + )} + + +
+
+ ); +} diff --git a/components/Landing Page/SidebarNav.tsx b/components/landing/SidebarNav.tsx similarity index 100% rename from components/Landing Page/SidebarNav.tsx rename to components/landing/SidebarNav.tsx diff --git a/components/layout/HumasAdminLayout.tsx b/components/layout/HumasAdminLayout.tsx deleted file mode 100644 index 5e38991..0000000 --- a/components/layout/HumasAdminLayout.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' -import HumasSidebarWrapper from '../navbar/HumasSidebarWrapper' -import HumasNavbarWrapper from '../navbar/HumasNavbarWrapper' -import { ThemeSwitch } from '../theme-switch'; - -interface Props { - children: React.ReactNode; - pageTitle?: string; -} - - -export default function HumasAdminLayout({ children, pageTitle }: Props) { - return ( -
- - - {children} - -
- - ) -} diff --git a/components/layout/HumasLayout.tsx b/components/layout/HumasLayout.tsx deleted file mode 100644 index 4a82db3..0000000 --- a/components/layout/HumasLayout.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from "react"; -import NavbarHumas from "../navbar/NavbarHumas"; -import Footer from "../Landing Page/Footer"; - -interface Props { - children: React.ReactNode; -} - -export const HumasLayout = ({ children }: Props) => { - return ( -
- - {children} -
-
- ); -}; \ No newline at end of file diff --git a/components/layout/PPIDAdminLayout.tsx b/components/layout/PPIDAdminLayout.tsx deleted file mode 100644 index f6c1534..0000000 --- a/components/layout/PPIDAdminLayout.tsx +++ /dev/null @@ -1,21 +0,0 @@ -"use client"; -import React from "react"; -import PPIDAdminNavbarWrapper from "../navbar/PPIDAdminNavbarWrapper"; -import PPIDAdminSidebarWrapper from "../navbar/PPIDAdminSidebarWrapper"; - -interface Props { - children: React.ReactNode; - pageTitle?: string; -} - -export const PPIDAdminLayout = ({ children, pageTitle }: Props) => { - - return ( -
- - - {children} - -
- ); -}; diff --git a/components/layout/PPIDLayout.tsx b/components/layout/PPIDLayout.tsx deleted file mode 100644 index d7d4e57..0000000 --- a/components/layout/PPIDLayout.tsx +++ /dev/null @@ -1,22 +0,0 @@ -"use client"; -import React from "react"; -import FooterPPID from "../Portal PPID/FooterPPID"; -import NavbarPPID from "../navbar/NavbarPPID"; - -interface Props { - children: React.ReactNode; - pageTitle?: string; -} - -export const PPIDLayout = ({ children, pageTitle }: Props) => { - - return ( -
- - {children} - {/* */} - {/* */} - -
- ); -}; diff --git a/components/layout/SatKerLayout.tsx b/components/layout/SatKerLayout.tsx deleted file mode 100644 index 797e414..0000000 --- a/components/layout/SatKerLayout.tsx +++ /dev/null @@ -1,20 +0,0 @@ -"use client"; -import React from "react"; -import FooterSatker from "../navbar/FooterSatker"; -import NavbarSatker from "../navbar/NavbarSatker"; - -interface Props { - children: React.ReactNode; - pageTitle?: string; -} - -export const SatkerLayout = ({ children, pageTitle }: Props) => { - - return ( -
- - {children} - -
- ); -}; diff --git a/components/layout/admin-layout.tsx b/components/layout/admin-layout.tsx index 2b4e2c4..5de7fc5 100644 --- a/components/layout/admin-layout.tsx +++ b/components/layout/admin-layout.tsx @@ -1,8 +1,8 @@ "use client"; import { useEffect, useState } from "react"; -import Sidebar from "../sidebar/sidebar"; -import { SidebarProvider } from "../sidebar/sidebar-context"; +import Sidebar from "./sidebar/sidebar"; +import { SidebarProvider } from "./sidebar/sidebar-context"; import { Breadcrumb } from "../ui/breadcrumb"; interface Props { @@ -14,16 +14,16 @@ export const AdminLayout = ({ children }: Props) => { const updateSidebarData = (newData: boolean) => { setIsOpen(newData); }; - - const [hasMounted, setHasMounted] = useState(false); - - // Hooks - useEffect(() => { - setHasMounted(true); - }, []); - - // Render - if (!hasMounted) return null; + + const [hasMounted, setHasMounted] = useState(false); + + // Hooks + useEffect(() => { + setHasMounted(true); + }, []); + + // Render + if (!hasMounted) return null; return ( @@ -36,4 +36,4 @@ export const AdminLayout = ({ children }: Props) => {
); -}; \ No newline at end of file +}; diff --git a/components/layout/humas-admin-layout.tsx b/components/layout/humas-admin-layout.tsx new file mode 100644 index 0000000..b987405 --- /dev/null +++ b/components/layout/humas-admin-layout.tsx @@ -0,0 +1,18 @@ +import React from "react"; +import HumasSidebarWrapper from "./navbar/HumasSidebarWrapper"; +import HumasNavbarWrapper from "./navbar/HumasNavbarWrapper"; +import { ThemeSwitch } from "../theme-switch"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; +} + +export default function HumasAdminLayout({ children, pageTitle }: Props) { + return ( +
+ + {children} +
+ ); +} diff --git a/components/layout/humas-layout.tsx b/components/layout/humas-layout.tsx new file mode 100644 index 0000000..30b39ae --- /dev/null +++ b/components/layout/humas-layout.tsx @@ -0,0 +1,17 @@ +import React from "react"; +import NavbarHumas from "./navbar/NavbarHumas"; +import Footer from "../landing/Footer"; + +interface Props { + children: React.ReactNode; +} + +export const HumasLayout = ({ children }: Props) => { + return ( +
+ + {children} +
+
+ ); +}; diff --git a/components/layout/navbar/FooterSatker.tsx b/components/layout/navbar/FooterSatker.tsx new file mode 100644 index 0000000..bd18a86 --- /dev/null +++ b/components/layout/navbar/FooterSatker.tsx @@ -0,0 +1,144 @@ +import React from "react"; +import { + FbIcon, + Hotline, + IgIcon, + Location, + Mail, + TtIcon, + TwIcon, + WorldIcon, + YtIcon, +} from "../../icons"; + +export default function FooterSatker() { + return ( + <> + +
+ © Copyright Humas

  POLRI ®

+   All Rights Reserved +
+ + ); +} diff --git a/components/layout/navbar/HumasNavbarWrapper.tsx b/components/layout/navbar/HumasNavbarWrapper.tsx new file mode 100644 index 0000000..ae63579 --- /dev/null +++ b/components/layout/navbar/HumasNavbarWrapper.tsx @@ -0,0 +1,73 @@ +"use client"; +import { + Navbar, + NavbarBrand, + NavbarContent, + NavbarItem, +} from "@nextui-org/navbar"; +import { + Avatar, + Dropdown, + DropdownItem, + DropdownMenu, + DropdownTrigger, + ScrollShadow, +} from "@nextui-org/react"; +import React from "react"; +import { ThemeSwitch } from "../../theme-switch"; +import Link from "next/link"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; +} +export default function HumasNavbarWrapper({ children }: Props) { + return ( +
+ + + Judul + + + + + + + + +

Signed in as

+

zoey@example.com

+ + My Settings + + Help & Feedback + + + Log Out + + + + + + + + +
{children}
+
+ ); +} diff --git a/components/layout/navbar/HumasSidebarWrapper.tsx b/components/layout/navbar/HumasSidebarWrapper.tsx new file mode 100644 index 0000000..7a3afa1 --- /dev/null +++ b/components/layout/navbar/HumasSidebarWrapper.tsx @@ -0,0 +1,107 @@ +import React from "react"; +import { RxHamburgerMenu } from "react-icons/rx"; +import { + MdDashboard, + MdSupervisedUserCircle, + MdShoppingBag, + MdAttachMoney, + MdWork, + MdAnalytics, + MdPeople, + MdOutlineSettings, + MdHelpCenter, +} from "react-icons/md"; +import MenuLinks from "../../page/menu-link"; +import Link from "next/link"; + +const menuItems = [ + { + title: "Pages", + list: [ + { + title: "Dashboard", + path: "/admin/dashboard", + icon: , + }, + { + title: "Users", + path: "/dashboard/users", + icon: , + }, + { + title: "Producst", + path: "/dashboard/producst", + icon: , + }, + { + title: "Transactions", + path: "/dashboard/transactions", + icon: , + }, + ], + }, + { + title: "Analytics", + list: [ + { + title: "Revenue", + path: "/dashboard/revenue", + icon: , + }, + { + title: "Reports", + path: "/dashboard/reports", + icon: , + }, + { + title: "Teams", + path: "/dashboard/teams", + icon: , + }, + ], + }, + { + title: "User", + list: [ + { + title: "Settings", + path: "/dashboard/settings", + icon: , + }, + { + title: "Help", + path: "/dashboard/help", + icon: , + }, + ], + }, +]; + +export default function HumasSidebarWrapper() { + return ( + + ); +} diff --git a/components/layout/navbar/NavbarHumas.tsx b/components/layout/navbar/NavbarHumas.tsx new file mode 100644 index 0000000..fa65f61 --- /dev/null +++ b/components/layout/navbar/NavbarHumas.tsx @@ -0,0 +1,628 @@ +"use client"; +import { siteConfig } from "@/config/site"; +import { Input } from "@nextui-org/input"; +import { + Navbar, + NavbarContent, + NavbarItem, + NavbarMenu, + NavbarMenuItem, + NavbarMenuToggle, +} from "@nextui-org/navbar"; +import { + Button, + Dropdown, + DropdownItem, + DropdownMenu, + DropdownTrigger, +} from "@nextui-org/react"; +import Image from "next/image"; +import Link from "next/link"; +import { useState } from "react"; +import { + ChevronDownIcon, + ChevronRightIcon, + ChevronUpIcon, + FbIcon, + IdnIcon, + IgIcon, + SearchIcon, + TtIcon, + TwIcon, + YtIcon, +} from "../../icons"; +import { ThemeSwitch } from "../../theme-switch"; + +interface MenuItem { + key: string; + label: string; + href: URL; + submenu?: SubMenuItem[]; +} + +interface SubMenuItem { + label: string; + href: string; +} + +interface DropdownOpenState { + [key: string]: boolean; +} + +export default function NavbarHumas() { + const [dropdownOpen, setDropdownOpen] = useState({}); + + const toggleDropdown = (key: any) => { + setDropdownOpen({ + ...dropdownOpen, + [key]: !dropdownOpen[key], + }); + }; + + const searchInput = ( + + } + type="search" + /> + ); + return ( + +
+
+ + logo + +
+
+
+
+ + + + + + + + + + + + + + + +
+
+ +
+
+
+ +
Beranda
+ +
+ + + + + + + + + + Tentang Humas POLRI + + + + + + Profile Pimpinan POLRI + + + + + + Struktur Organisasi + + + + + + Visi & Misi + + + + + + Tugas & Fungsi + + + + + + Logo + + + + + +
+
+ + Portal PPID + +
+
+ + + + + + + + + + Formulir Permohonan Informasi + + + + + + Pelayanan SIM + + + + + + Pelayanan e-Rikkes SIM + + + + + + Pelayanan Test Psikologi SIM + + + + + + Pelayanan e-Arvis + + + + + + Pelayanan Samsat Digital + + + + + + Pelayanan SKCK + + + + + + Pelayanan Propam Presisi + + + + + + Pelayanan Dumas Presisi + + + + + + Pelayanan Binmas + + + + + + Whistle Blower System + + + + + +
+
+ Kontak +
+
+
{searchInput}
+
+ +
+
+
+
+ + + + + {/* {searchInput} */} +
+ {siteConfig.humasMenuItems.map((item) => ( +
+ +
toggleDropdown(item.key)} + className="flex items-end gap-2" + > + {item.href ? ( + + {item.label} + + ) : ( + {item.label} + )} + {item.submenu && + (dropdownOpen[item.key] ? ( + + ) : ( + + ))} +
+ + {dropdownOpen[item.key] && item.submenu && ( +
+ {item.submenu.map((subItem, subIndex) => ( +
+ {subItem.label} +
+ ))} +
+ )} +
+ ))} +
+ + +
+ + // + //
+ // + //
+ //
+ //
+ // + //
Beranda
+ // + //
+ // + // + // + // + // + // + // + // } + // > + // + // Tentang Humas POLRI + // + // + // } + // > + // + // Profile Pimpinan POLRI + // + // + // }> + // + // Struktur Organisasi + // + // + // }> + // + // Visi & Misi + // + // + // }> + // + // Tugas & Fungsi + // + // + // }> + // Logo + // + // + // + //
+ //
Portal PPID
+ //
+ // + // + // + // + // + // + // + // } + // > + // + // Formulir Permohonan Informasi + // + // + // } + // > + // + // Pelayanan SIM + // + // + // }> + // + // Pelayanan e-Rikkes SIM + // + + // + // }> + // + // Pelayanan Test Psikologi SIM + // + // + // }> + // + // Pelayanan e-Arvis + // + // + // }> + // + // Pelayanan Samsat Digital + // + // + // }> + // + // Pelayanan SKCK + // + // + // }> + // + // Pelayanan Propam Presisi + // + // + // }> + // + // Pelayanan Dumas Presisi + // + // + // }> + // + // Pelayanan Binmas + // + // + // }> + // + // Whistle Blower System + // + // + // + // + //
+ //
+ // Kontak
+ //
+ //
+ //
+ //
+ //
+ //
+ // + // + // + // + // + // + // + // + // + // + // + // + // + // + // + //
+ //
+ //
+ //
+ // {searchInput} + //
+ //
+ // + // + // + // + // + ); +} diff --git a/components/layout/navbar/NavbarPPID.tsx b/components/layout/navbar/NavbarPPID.tsx new file mode 100644 index 0000000..5d1c91e --- /dev/null +++ b/components/layout/navbar/NavbarPPID.tsx @@ -0,0 +1,436 @@ +"use client"; +import { Link } from "@nextui-org/link"; +import { + Navbar, + NavbarContent, + NavbarItem, + NavbarMenuToggle, +} from "@nextui-org/navbar"; +import { + Button, + Dropdown, + DropdownItem, + DropdownMenu, + DropdownTrigger, +} from "@nextui-org/react"; +import { + ChevronDownIcon, + ChevronRightIcon, + FbIcon, + IdnIcon, + IgIcon, + TtIcon, + TwIcon, + YtIcon, +} from "../../icons"; +import { ThemeSwitch } from "../../theme-switch"; + +export default function NavbarPPID() { + return ( + +
+
+ + logo + +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ + + Beranda + + + + + + + + + + }> + + Informasi Serta Merta + + + }> + + Informasi Berkala + + + }> + + Informasi Setiap Saat + + + }> + + Informasi Dikecualikan + + + }> + + Penerangan Satuan + + + }> + + UU & Peraturan + + + + + + + + + + + + }> + + Sejarah PPID Polri + + + }> + + Profile Singkat PPID + + + }> + + Tugas dan Fungsi PPID + + + }> + + Struktur PPID + + + }> + + Visi & Misi PPID + + + + + + + + + + + + }> + + Registrasi Permohonan + + + }> + + Permohonan Informasi + + + }> + + Permohonan Keberatan + + + }> + + Statistik / Rekapitulasi + + + }> + + Laporan Informasi Publik Tahunan + + + + + + + + + + + + }> + + Alur Pelayanan Informasi Publik Polri + + + }> + + Tata Cara Permohonan Informasi + + + }> + + Mekanisme Keberatan + + + }> + + Mekanisme Permohonan Penyelesainan Sengketa + + + }> + + Waktu Pelayanan + + + }> + + Standar Biaya Pelayanan + + + }> + + Maklumat Pelayanan + + + + + + + Regulasi + + + + + Kontak + + +
+ +
+
+
+ + + + +
+ {/*
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + logo + +
+
+ +
+ + + + +
+
*/} + + ); +} diff --git a/components/layout/navbar/NavbarSatker.tsx b/components/layout/navbar/NavbarSatker.tsx new file mode 100644 index 0000000..7ca7879 --- /dev/null +++ b/components/layout/navbar/NavbarSatker.tsx @@ -0,0 +1,527 @@ +import { Link } from "@nextui-org/link"; +import { + Navbar, + NavbarContent, + NavbarItem, + NavbarMenuToggle, +} from "@nextui-org/navbar"; +import { + Button, + Dropdown, + DropdownItem, + DropdownMenu, + DropdownTrigger, +} from "@nextui-org/react"; +import { + ChevronDownIcon, + ChevronRightIcon, + FbIcon, + IdnIcon, + IgIcon, + TtIcon, + TwIcon, + YtIcon, +} from "../../icons"; +import { ThemeSwitch } from "../../theme-switch"; +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 ( + +
+
+ +
+ logo +
+ +
{}
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ + + Beranda + + + + + + + + + + }> + + Informasi Serta Merta + + + }> + + Informasi Berkala + + + }> + + Informasi Setiap Saat + + + }> + + Informasi Dikecualikan + + + }> + + Penerangan Satuan + + + }> + + UU & Peraturan + + + + + + + + + + + + }> + + Sejarah PPID Polri + + + }> + + Profile Singkat PPID + + + }> + + Tugas dan Fungsi PPID + + + }> + + Struktur PPID + + + }> + + Visi & Misi PPID + + + + + + + + + + + + }> + + Registrasi Permohonan + + + }> + + Permohonan Informasi + + + }> + + Permohonan Keberatan + + + }> + + Statistik / Rekapitulasi + + + }> + + Laporan Informasi Publik Tahunan + + + + + + + + + + + + }> + + Alur Pelayanan Informasi Publik Polri + + + }> + + Tata Cara Permohonan Informasi + + + }> + + Mekanisme Keberatan + + + }> + + Mekanisme Permohonan Penyelesainan Sengketa + + + }> + + Waktu Pelayanan + + + }> + + Standar Biaya Pelayanan + + + }> + + Maklumat Pelayanan + + + + + + + Regulasi + + + + + Kontak + + +
+ +
+
+
+ + + + +
+ + ); +} diff --git a/components/layout/navbar/PPIDAdminNavbarWrapper.tsx b/components/layout/navbar/PPIDAdminNavbarWrapper.tsx new file mode 100644 index 0000000..4d4d085 --- /dev/null +++ b/components/layout/navbar/PPIDAdminNavbarWrapper.tsx @@ -0,0 +1,76 @@ +import { + Navbar, + NavbarBrand, + NavbarContent, + NavbarItem, +} from "@nextui-org/navbar"; +import { + Avatar, + Dropdown, + DropdownItem, + DropdownMenu, + DropdownTrigger, +} from "@nextui-org/react"; +import Link from "next/link"; +import React, { Children } from "react"; +import { ThemeSwitch } from "../../theme-switch"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; + pageSubTitle?: string; + pageSubSubTitle?: string; + mainHref?: any; + subHref?: any; +} + +export default function PPIDAdminNavbarWrapper({ + children, + pageTitle, + pageSubTitle, + pageSubSubTitle, + mainHref, + subHref, +}: Props) { + return ( +
+ + + + + + + + +

Signed in as

+

zoey@example.com

+ + My Settings + + Log Out + + + {" "} + + + + + + {children} +
+ ); +} diff --git a/components/navbar/PPIDAdminSidebarWrapper.tsx b/components/layout/navbar/PPIDAdminSidebarWrapper.tsx similarity index 100% rename from components/navbar/PPIDAdminSidebarWrapper.tsx rename to components/layout/navbar/PPIDAdminSidebarWrapper.tsx diff --git a/components/layout/portal-ppid/FooterPPID.tsx b/components/layout/portal-ppid/FooterPPID.tsx new file mode 100644 index 0000000..b7f65c6 --- /dev/null +++ b/components/layout/portal-ppid/FooterPPID.tsx @@ -0,0 +1,145 @@ +"use client"; +import { + FbIcon, + Hotline, + IgIcon, + Location, + Mail, + TtIcon, + TwIcon, + WorldIcon, + YtIcon, +} from "@/components/icons"; +import React from "react"; + +export default function FooterPPID() { + return ( + <> + +
+ © Copyright Humas

  POLRI ®

+   All Rights Reserved +
+ + ); +} diff --git a/components/Portal PPID/LatestNews.tsx b/components/layout/portal-ppid/LatestNews.tsx similarity index 100% rename from components/Portal PPID/LatestNews.tsx rename to components/layout/portal-ppid/LatestNews.tsx diff --git a/components/layout/portal-ppid/MediaUpdate.tsx b/components/layout/portal-ppid/MediaUpdate.tsx new file mode 100644 index 0000000..89424ec --- /dev/null +++ b/components/layout/portal-ppid/MediaUpdate.tsx @@ -0,0 +1,71 @@ +import { EyeIcon } from "@/components/icons"; +import { ScrollShadow } from "@nextui-org/react"; +import React from "react"; + +export default function MediaUpdate() { + return ( +
+
+

+ TV Polri +

+
+
+
+
+
+ Media Update +
+
+ +
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan + Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan + Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan + Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+
+

+ Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan + Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari +

+

21-07-2023 13:50

+

+ + 82 +

+
+ +
+
+
+
+ ); +} diff --git a/components/Portal PPID/PPIDMainSatker.tsx b/components/layout/portal-ppid/PPIDMainSatker.tsx similarity index 100% rename from components/Portal PPID/PPIDMainSatker.tsx rename to components/layout/portal-ppid/PPIDMainSatker.tsx diff --git a/components/layout/portal-ppid/PPIDPolda.tsx b/components/layout/portal-ppid/PPIDPolda.tsx new file mode 100644 index 0000000..7892b12 --- /dev/null +++ b/components/layout/portal-ppid/PPIDPolda.tsx @@ -0,0 +1,290 @@ +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Image, + Input, +} from "@nextui-org/react"; +import Link from "next/link"; +import PPIDSidebar from "./PPIDSidebar"; +import { SearchIcon } from "@/components/icons"; + +export default function PPIDPolda() { + const listPoldaAll = [ + { + id: 1, + img: "/assets/polda/polda-metro-jaya.svg", + title: "Polda Metro Jaya", + path: "polda/polda-metro-jaya", + }, + { + id: 2, + img: "/assets/polda/polda-jawa-barat.svg", + title: "Polda Jawa Barat", + path: "polda/polda-jawa-barat", + }, + { + id: 3, + img: "/assets/polda/polda-banten.svg", + title: "Polda Banten", + path: "polda/polda-banten", + }, + { + id: 4, + img: "/assets/polda/polda-jateng.svg", + title: "Polda Jawa Tengah", + path: "polda/polda-jateng", + }, + { + id: 5, + img: "/assets/polda/polda-diy.svg", + title: "Polda D.I Yogyakarta", + path: "polda/polda-diy", + }, + { + id: 6, + img: "/assets/polda/polda-jatim.svg", + title: "Polda Jawa Timur", + path: "polda/polda-jatim", + }, + { + id: 7, + img: "/assets/polda/polda-aceh.svg", + title: "Polda Aceh", + path: "polda/polda-aceh", + }, + { + id: 8, + img: "/assets/polda/polda-sumut.svg", + title: "Polda Sumatra Utara", + path: "polda/polda-sumut", + }, + { + id: 9, + img: "/assets/polda/polda-sumbar.svg", + title: "Polda Sumatra Barat", + path: "polda/polda-sumbar", + }, + { + id: 10, + img: "/assets/polda/polda-riau.svg", + title: "Polda Riau", + path: "polda/polda-riau", + }, + { + id: 11, + img: "/assets/polda/polda-kepri.svg", + title: "Polda Kep.Riau", + path: "polda/polda-kepri", + }, + { + id: 12, + img: "/assets/polda/polda-jambi.svg", + title: "Polda Jambi", + path: "polda/polda-jambi", + }, + { + id: 13, + img: "/assets/polda/polda-sumsel.svg", + title: "Polda Sumatra Selatan", + path: "polda/polda-sumsel", + }, + { + id: 14, + img: "/assets/polda/polda-babel.svg", + title: "Polda Kep.Bangka Belitung", + path: "polda/polda-babel", + }, + { + id: 15, + img: "/assets/polda/polda-bengkulu.svg", + title: "Polda Bengkulu", + path: "polda/polda-bengkulu", + }, + { + id: 16, + img: "/assets/polda/polda-lampung.svg", + title: "Polda Lampung", + path: "polda/polda-lampung", + }, + { + id: 17, + img: "/assets/polda/polda-ntb.svg", + title: "Polda Nusa Tenggara Barat", + path: "polda/polda-ntb", + }, + { + id: 18, + img: "/assets/polda/polda-ntt.svg", + title: "Polda Nusa Tenggara Timur", + path: "polda/polda-ntt", + }, + { + id: 19, + img: "/assets/polda/polda-bali.svg", + title: "Polda Bali", + path: "polda/polda-bali", + }, + { + id: 20, + img: "/assets/polda/polda-kalbar.svg", + title: "Polda Kalimantan Barat", + path: "polda/polda-kalbar", + }, + { + id: 21, + img: "/assets/polda/polda-kalteng.svg", + title: "Polda Kalimantan Tengah", + path: "polda/polda-kalteng", + }, + { + id: 22, + img: "/assets/polda/polda-kalsel.svg", + title: "Polda Kalimantan Selatan", + path: "polda/polda-kalsel", + }, + { + id: 23, + img: "/assets/polda/polda-kaltim.svg", + title: "Polda Kalimantan Timur", + path: "polda/polda-kaltim", + }, + { + id: 24, + img: "/assets/polda/polda-kalut.svg", + title: "Polda Kalimantan Utara", + path: "polda/polda-kalut", + }, + { + id: 25, + img: "/assets/polda/polda-sulteng.svg", + title: "Polda Sulawesi Tengah", + path: "polda/polda-sulteng", + }, + { + id: 26, + img: "/assets/polda/polda-sulawesi-utara.svg", + title: "Polda Sulawesi Utara", + path: "polda/polda-sulawesi-utara", + }, + { + id: 27, + img: "/assets/polda/polda-gorontalo.svg", + title: "Polda Gorontalo", + path: "polda/polda-gorontalo", + }, + { + id: 28, + img: "/assets/polda/polda-sulbar.svg", + title: "Polda Sulawesi Barat", + path: "polda/polda-sulbar", + }, + { + id: 29, + img: "/assets/polda/polda-sulsel.svg", + title: "Polda Sulawesi Selatan", + path: "polda/polda-sulsel", + }, + { + id: 30, + img: "/assets/polda/polda-sultenggara.svg", + title: "Polda Sulawesi Tenggara", + path: "polda/polda-sultenggara", + }, + { + id: 31, + img: "/assets/polda/polda-malut.svg", + title: "Polda Maluku Utara", + path: "polda/polda-malut", + }, + { + id: 32, + img: "/assets/polda/polda-maluku.svg", + title: "Polda Maluku", + path: "polda/polda-maluku", + }, + { + id: 33, + img: "/assets/polda/polda-papuabarat.svg", + title: "Polda Papua Barat", + path: "polda/polda-papuabarat", + }, + { + id: 34, + img: "/assets/polda/polda-papua.svg", + title: "Polda Papua", + path: "polda/polda-papua", + }, + ]; + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); + + const filters = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
+
+
+
E-PPID POLDA
+
+ + + Beranda + + E-PPID Polda + +
+
+
+ E-PPID POLDA +
+
+ {listPoldaAll.map((polda) => ( +
+ + logo +

{polda.title}

+ +
+ ))} +
+
+
+
+
+
+ +
+
+ ); +} diff --git a/components/layout/portal-ppid/PPIDSatker.tsx b/components/layout/portal-ppid/PPIDSatker.tsx new file mode 100644 index 0000000..940ee8c --- /dev/null +++ b/components/layout/portal-ppid/PPIDSatker.tsx @@ -0,0 +1,259 @@ +"use client"; +import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react"; +import Link from "next/link"; +import PPIDSidebar from "./PPIDSidebar"; +import { SearchIcon } from "@/components/icons"; + +export default function PPIDSatker() { + const listSatkerAll = [ + { + id: 1, + img: "/assets/satker/siber.svg", + path: "satuan-kerja/siber", + }, + { + id: 2, + img: "/assets/satker/divkum.svg", + path: "satuan-kerja/divkum", + }, + { + id: 3, + img: "/assets/satker/puskeu.svg", + path: "satuan-kerja/puskeu", + }, + { + id: 4, + img: "/assets/satker/ssdm.svg", + path: "satuan-kerja/ssdm", + }, + { + id: 5, + img: "/assets/satker/itwasum.svg", + path: "satuan-kerja/itwasum", + }, + { + id: 6, + img: "/assets/satker/stik-ptik.svg", + path: "satuan-kerja/stik-ptik", + }, + { + id: 7, + img: "/assets/satker/brimob.svg", + path: "satuan-kerja/brimob", + }, + { + id: 8, + img: "/assets/satker/div-humas.svg", + path: "satuan-kerja/div-humas", + }, + { + id: 9, + img: "/assets/satker/puslitbang.svg", + path: "satuan-kerja/puslitbang", + }, + { + id: 10, + img: "/assets/satker/binmas.svg", + path: "satuan-kerja/binmas", + }, + { + id: 11, + img: "/assets/satker/divtik.svg", + path: "satuan-kerja/divtik", + }, + { + id: 12, + img: "/assets/satker/spripim.svg", + path: "satuan-kerja/spripim", + }, + { + id: 13, + img: "/assets/satker/propam.svg", + path: "satuan-kerja/propam", + }, + { + id: 14, + img: "/assets/satker/baharkam.svg", + path: "satuan-kerja/sabhara-baharkam", + }, + { + id: 15, + img: "/assets/satker/pusdokkes.svg", + path: "satuan-kerja/pusdokkes", + }, + { + id: 16, + img: "/assets/satker/baharkam2.svg", + path: "satuan-kerja/baharkam", + }, + { + id: 17, + img: "/assets/satker/polairud.svg", + path: "satuan-kerja/polairud", + }, + { + id: 18, + img: "/assets/satker/polair.svg", + path: "satuan-kerja/polair", + }, + { + id: 19, + img: "/assets/satker/poludara.svg", + path: "satuan-kerja/poludara", + }, + { + id: 20, + img: "/assets/satker/lemdiklat.svg", + path: "satuan-kerja/lemdiklat", + }, + { + id: 21, + img: "/assets/satker/akpol.svg", + path: "satuan-kerja/akpol", + }, + { + id: 22, + img: "/assets/satker/korlantas.svg", + path: "satuan-kerja/korlantas", + }, + { + id: 23, + img: "/assets/satker/pusinafis.svg", + path: "satuan-kerja/pusinafis", + }, + { + id: 24, + img: "/assets/satker/pusjarah.svg", + path: "satuan-kerja/pusjarah", + }, + { + id: 25, + img: "/assets/satker/pusiknas.svg", + path: "satuan-kerja/pusiknas", + }, + { + id: 26, + img: "/assets/satker/slog.svg", + path: "satuan-kerja/slog", + }, + { + id: 27, + img: "/assets/satker/baintelkam.svg", + path: "satuan-kerja/baintelkam", + }, + { + id: 28, + img: "/assets/satker/bareskrim.svg", + path: "satuan-kerja/bareskrim", + }, + { + id: 29, + img: "/assets/satker/divhubinter.svg", + path: "satuan-kerja/div-hubinter", + }, + { + id: 30, + img: "/assets/satker/setum.svg", + path: "satuan-kerja/setum", + }, + { + id: 31, + img: "/assets/satker/puslabfor.svg", + path: "satuan-kerja/puslabfor", + }, + { + id: 32, + img: "/assets/satker/densus.svg", + path: "satuan-kerja/densus88", + }, + { + id: 33, + img: "/assets/satker/sahli-kapolri.svg", + path: "satuan-kerja/sahli-kapolri", + }, + { + id: 34, + img: "/assets/satker/sops.svg", + path: "satuan-kerja/sops", + }, + { + id: 35, + img: "/assets/satker/srena.svg", + path: "satuan-kerja/srena", + }, + { + id: 36, + img: "/assets/satker/sespim.svg", + path: "satuan-kerja/sespim", + }, + { + id: 37, + img: "/assets/satker/setupa.svg", + path: "satuan-kerja/setupa", + }, + ]; + + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); + + const filters = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
+
+
+
Satuan Kerja
+
+ + + Beranda + + Satuan Kerja + +
+
+
+ Satuan Kerja +
+
+ {listSatkerAll.map((data) => ( +
+ + logo + +
+ ))} +
+
+
+
+
+
+ +
+
+ ); +} diff --git a/components/Portal PPID/PPIDSatkerSidebar.tsx b/components/layout/portal-ppid/PPIDSatkerSidebar.tsx similarity index 100% rename from components/Portal PPID/PPIDSatkerSidebar.tsx rename to components/layout/portal-ppid/PPIDSatkerSidebar.tsx diff --git a/components/layout/portal-ppid/PPIDSidebar.tsx b/components/layout/portal-ppid/PPIDSidebar.tsx new file mode 100644 index 0000000..6789f8d --- /dev/null +++ b/components/layout/portal-ppid/PPIDSidebar.tsx @@ -0,0 +1,125 @@ +"use client"; +import { Button, Input, ScrollShadow } from "@nextui-org/react"; +import React from "react"; +import Link from "next/link"; + +export default function PPIDSidebar() { + return ( +
+
+ + satker + +
+
+ + satker + +
+
+ + permohonan + +
+
+
Permohonan Informasi
+
+ +
+
+ +
+
+ Lupa Password? +
+
+ + + +
+
+ + + +
+
+ {/*
+ +
*/} + {/*
+
+ Media Update +
+
+ +
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+ +
+
*/} +
+
+ Publikasi +
+ publikasi + publikasi + publikasi + publikasi + {/* publikasi */} + publikasi + publikasi +
+
+
+
+
+ Channel Humas Polri +
+ humas-polri + humas-polri + {/* humas-polri */} + humas-polri +
+
+
+
+ ); +} diff --git a/components/Portal PPID/PpidMain.tsx b/components/layout/portal-ppid/PpidMain.tsx similarity index 100% rename from components/Portal PPID/PpidMain.tsx rename to components/layout/portal-ppid/PpidMain.tsx diff --git a/components/Portal PPID/PublicInformation.tsx b/components/layout/portal-ppid/PublicInformation.tsx similarity index 100% rename from components/Portal PPID/PublicInformation.tsx rename to components/layout/portal-ppid/PublicInformation.tsx diff --git a/components/Portal PPID/Statistics.tsx b/components/layout/portal-ppid/Statistics.tsx similarity index 100% rename from components/Portal PPID/Statistics.tsx rename to components/layout/portal-ppid/Statistics.tsx diff --git a/components/layout/portal-ppid/ppid-banner.tsx b/components/layout/portal-ppid/ppid-banner.tsx new file mode 100644 index 0000000..f1a41df --- /dev/null +++ b/components/layout/portal-ppid/ppid-banner.tsx @@ -0,0 +1,87 @@ +"use client"; +import { SearchIcon } from "@/components/icons"; +import { Input } from "@nextui-org/input"; +import { usePathname } from "next/navigation"; + +interface PPIDBannerProps { + url: string; +} + +export default function PPIDBanner({ url }: PPIDBannerProps) { + const pathname = usePathname(); + let isPolri; + + if (pathname === "/portal-ppid") { + isPolri = true; + } else { + isPolri = false; + } + console.log(isPolri); + + return ( +
+
+ ppid-banner +
+

+ {`SELAMAT DATANG DI PORTAL E-PPID ${isPolri ? "POLRI" : url}`} +

+

+ Layanan ini merupakan fasilitas daring yang disediakan bagi para + pemohon informasi publik, sebagai bagian dari implementasi prinsip + keterbukaan informasi publik di Pusat Informasi dan Dokumentasi + (PPID) Utama. +

+
+ + } + /> +
+
+
+
+ //
+ //
+ // banner + //
+ //
+ //

+ // SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA (HUMAS POLRI) + //

+ //

+ // Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari
implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama. + //

+ // {/*
+ // + // } + // /> + //
*/} + //
+ //
+ ); +} diff --git a/components/Portal PPID/ppid-navbar.tsx b/components/layout/portal-ppid/ppid-navbar.tsx similarity index 100% rename from components/Portal PPID/ppid-navbar.tsx rename to components/layout/portal-ppid/ppid-navbar.tsx diff --git a/components/layout/ppid-admin-layout.tsx b/components/layout/ppid-admin-layout.tsx new file mode 100644 index 0000000..4ab5a42 --- /dev/null +++ b/components/layout/ppid-admin-layout.tsx @@ -0,0 +1,18 @@ +"use client"; +import React from "react"; +import PPIDAdminNavbarWrapper from "./navbar/PPIDAdminNavbarWrapper"; +import PPIDAdminSidebarWrapper from "./navbar/PPIDAdminSidebarWrapper"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; +} + +export const PPIDAdminLayout = ({ children, pageTitle }: Props) => { + return ( +
+ + {children} +
+ ); +}; diff --git a/components/layout/ppid-layout.tsx b/components/layout/ppid-layout.tsx new file mode 100644 index 0000000..6472663 --- /dev/null +++ b/components/layout/ppid-layout.tsx @@ -0,0 +1,21 @@ +"use client"; +import React from "react"; +import NavbarPPID from "./navbar/NavbarPPID"; +import FooterPPID from "./portal-ppid/FooterPPID"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; +} + +export const PPIDLayout = ({ children, pageTitle }: Props) => { + return ( +
+ + {children} + {/* */} + {/* */} + +
+ ); +}; diff --git a/components/layout/satker-layout.tsx b/components/layout/satker-layout.tsx new file mode 100644 index 0000000..0ecba6d --- /dev/null +++ b/components/layout/satker-layout.tsx @@ -0,0 +1,19 @@ +"use client"; +import React from "react"; +import FooterSatker from "./navbar/FooterSatker"; +import NavbarSatker from "./navbar/NavbarSatker"; + +interface Props { + children: React.ReactNode; + pageTitle?: string; +} + +export const SatkerLayout = ({ children, pageTitle }: Props) => { + return ( +
+ + {children} + +
+ ); +}; diff --git a/components/sidebar/PPIDAdminSidebar.tsx b/components/layout/sidebar/PPIDAdminSidebar.tsx similarity index 100% rename from components/sidebar/PPIDAdminSidebar.tsx rename to components/layout/sidebar/PPIDAdminSidebar.tsx diff --git a/components/layout/sidebar/sidebar-closed-icon.tsx b/components/layout/sidebar/sidebar-closed-icon.tsx new file mode 100644 index 0000000..7cd008b --- /dev/null +++ b/components/layout/sidebar/sidebar-closed-icon.tsx @@ -0,0 +1,55 @@ +import Link from "next/link"; +import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon"; +import { useSidebar } from "./sidebar-context"; +import { Tooltip } from "@nextui-org/react"; + +export default function ClosedSidebarIcon(props: { + icon: string; + isActive: boolean; + childMenu: any; + path: string; + title: string; +}) { + const { isOpen, toggleSidebar } = useSidebar(); + + const { icon, isActive, childMenu, path, title } = props; + const renderIcon = () => { + switch (icon) { + case "dashboard": + return ; + case "menu1": + return ; + case "table": + return ; + default: + return null; // Tidak ada ikon yang sesuai + } + }; + return ( + + {childMenu.length < 1 ? ( + + {renderIcon()} + + ) : ( + + {renderIcon()} + + )} + + ); +} diff --git a/components/layout/sidebar/sidebar-collapse-items.tsx b/components/layout/sidebar/sidebar-collapse-items.tsx new file mode 100644 index 0000000..74e2a2c --- /dev/null +++ b/components/layout/sidebar/sidebar-collapse-items.tsx @@ -0,0 +1,101 @@ +import React, { useEffect, useState } from "react"; +import clsx from "clsx"; +import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react"; + +import { ChevronUpIcon } from "../../icons"; +import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon"; +import { useSidebar } from "./sidebar-context"; + +interface Props { + icon?: string; + title: string; + items?: React.ReactNode[]; + isActive: boolean; +} + +export const SidebarCollapseItems = ({ + title, + items, + icon, + isActive, +}: Props) => { + const { isOpen, toggleSidebar } = useSidebar(); + + // useEffect(() => { + // console.log("Sidebar Collapse Item :: ", title, isActive); + // }, []); + + const renderIcon = () => { + switch (icon) { + case "dashboard": + return ; + case "menu1": + return ; + case "table": + return ; + default: + return null; // Tidak ada ikon yang sesuai + } + }; + return ( +
+ + } + classNames={{ + // indicator: "data-[open=true]:-rotate-180", + indicator: `${isOpen ? "data-[open=true]:-rotate-180" : "hidden"}`, + trigger: `${ + isOpen ? "pl-[7px]" : "pl-[11px] " + } py-2 rounded-lg active:scale-[0.98] transition-transform text-center ${ + isActive + ? "bg-zinc-600 dark:bg-zinc-300 text-zinc-300 dark:text-zinc-500 font-bold font-bold hover:font-bold" + : " hover:bg-zinc-400 hover:font-semibold" + }`, + title: `${ + isOpen ? "pl-2 gap-2" : "px-0" + } flex text-base h-full items-center cursor-pointer`, + }} + aria-label="Accordion 1" + title={ +
+ {icon && ( + + {icon} + + )} + {/* {isOpen && {title}} */} + {isOpen && {title}} +
+ } + > +
+
    {items}
+
+ + +
+ ); +}; diff --git a/components/sidebar/sidebar-collapse-sub-items.tsx b/components/layout/sidebar/sidebar-collapse-sub-items.tsx similarity index 52% rename from components/sidebar/sidebar-collapse-sub-items.tsx rename to components/layout/sidebar/sidebar-collapse-sub-items.tsx index a9ba224..822d9d9 100644 --- a/components/sidebar/sidebar-collapse-sub-items.tsx +++ b/components/layout/sidebar/sidebar-collapse-sub-items.tsx @@ -2,8 +2,8 @@ import React, { useEffect, useState } from "react"; import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react"; import clsx from "clsx"; import Link from "next/link"; -import { ChevronUpIcon } from "../icons"; -import { Submenu1Icon, Submenu2Icon } from "../icons/sidebar-icon"; +import { ChevronUpIcon } from "../../icons"; +import { Submenu1Icon, Submenu2Icon } from "../../icons/sidebar-icon"; import { useSidebar } from "./sidebar-context"; interface SubSubItems { @@ -46,9 +46,9 @@ export const SidebarCollapseSubItems = ({ const renderIcon = () => { switch (icon) { - case 'submenu1': + case "submenu1": return ; - case 'submenu2': + case "submenu2": return ; default: return null; // Tidak ada ikon yang sesuai @@ -56,40 +56,57 @@ export const SidebarCollapseSubItems = ({ }; return (
  • - - {isOpen ? - + {isOpen ? ( +
    - {icon} {isOpen && title} + + {icon} {isOpen && title} +
    - : + ) : ( - +
    - {icon} {isOpen && title} + + {icon} {isOpen && title} +
    - - } - + )}
    • ); }; diff --git a/components/sidebar/sidebar-context.tsx b/components/layout/sidebar/sidebar-context.tsx similarity index 100% rename from components/sidebar/sidebar-context.tsx rename to components/layout/sidebar/sidebar-context.tsx diff --git a/components/sidebar/sidebar-menu.tsx b/components/layout/sidebar/sidebar-menu.tsx similarity index 100% rename from components/sidebar/sidebar-menu.tsx rename to components/layout/sidebar/sidebar-menu.tsx diff --git a/components/layout/sidebar/sidebar.tsx b/components/layout/sidebar/sidebar.tsx new file mode 100644 index 0000000..c15f7f5 --- /dev/null +++ b/components/layout/sidebar/sidebar.tsx @@ -0,0 +1,545 @@ +import { SidebarMenuTask } from "@/types/globals"; +import { Tooltip } from "@nextui-org/react"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import React, { useEffect, useState } from "react"; +import { + ChevronLeftIcon, + ChevronRightIcon, + FormCustomIcon, + FormHorizontalIcon, + FormLayoutIcon, + FormValidationIcon, + FormVerticalIcon, +} from "../../icons"; +import { + DashboardIcon, + HomeIcon, + InfoCircleIcon, + MinusCircleIcon, + TableIcon, +} from "../../icons/sidebar-icon"; +import { ThemeSwitch } from "../../theme-switch"; +import { SidebarCollapseItems } from "./sidebar-collapse-items"; +import { SidebarCollapseSubItems } from "./sidebar-collapse-sub-items"; +import { useSidebar } from "./sidebar-context"; +import { SidebarMenu } from "./sidebar-menu"; + +interface SubMenuItems { + id: number; + name: string; + modulePathUrl: string; + isSubActive: boolean; +} + +interface MenuItems { + id: number; + name: string; + modulePathUrl: string; + isSubActive: boolean; + childMenu?: SubMenuItems[]; + icon?: string; +} + +interface SidebarProps { + sidebarData: boolean; + updateSidebarData: (newData: boolean) => void; +} + +const sideBarDummyData = [ + { + id: 1, + name: "Dashboard", + moduleId: 652, + moduleName: "Dashboard", + modulePathUrl: "/admin/dashboard", + isGroup: true, + parentId: -1, + icon: "dashboard", + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + { + id: 2, + name: "Dashboard", + moduleId: 652, + moduleName: "Dashboard", + modulePathUrl: "/admin/dashboard", + parentId: -1, + icon: , + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + { + id: 3, + name: "Apps", + moduleId: 652, + moduleName: "Dashboard", + modulePathUrl: "/admin/basic", + isGroup: true, + parentId: -1, + icon: "table", + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + { + id: 4, + name: "Artikel", + moduleId: 652, + moduleName: "Dashboard", + modulePathUrl: "/admin/article", + parentId: -1, + icon: , + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + // { + // id: 4, + // name: "E-Magazine", + // moduleId: 652, + // moduleName: "Dashboard", + // modulePathUrl: "/admin/e-magazine", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + { + id: 5, + name: "Master", + moduleId: 652, + moduleName: "Dashboard", + isGroup: true, + modulePathUrl: "/admin/basic", + parentId: -1, + icon: "table", + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + // { + // id: 6, + // name: "Master Menu", + // moduleId: 652, + // moduleName: "Form Custom", + // modulePathUrl: "/admin/master-menu", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + // { + // id: 7, + // name: "Master Module", + // moduleId: 653, + // moduleName: "Form Horizontal", + // modulePathUrl: "/admin/master-module", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + { + id: 8, + name: "Master User", + moduleId: 654, + moduleName: "Form Vertical", + modulePathUrl: "/admin/master-user", + parentId: -1, + icon: , + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + // { + // id: 9, + // name: "Master User Level", + // moduleId: 655, + // moduleName: "Form User Level", + // modulePathUrl: "/admin/master-user-level", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + { + id: 10, + name: "Master User Role", + moduleId: 656, + moduleName: "Form Validation", + modulePathUrl: "/admin/master-role", + parentId: -1, + icon: , + position: 1, + statusId: 1, + childMenu: [], + statusName: "Active", + childModule: null, + }, + // { + // id: 11, + // name: "Form Wizard", + // moduleId: 657, + // moduleName: "Form Wizard", + // modulePathUrl: "/admin/form-wizard", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + // { + // id: 13, + // name: "Others", + // moduleId: 658, + // moduleName: "Others", + // modulePathUrl: "/admin/basic", + // isGroup: true, + // parentId: -1, + // icon: "table", + // position: 1, + // statusId: 1, + // childMenu: [], + // statusName: "Active", + // childModule: null, + // }, + // { + // id: 13, + // name: "Menu 1", + // moduleId: 652, + // moduleName: "Menu 1", + // modulePathUrl: "/admin/menu1", + // parentId: -1, + // icon: , + // position: 1, + // statusId: 1, + // statusName: "Active", + // childMenu: [ + // { + // id: 3, + // name: "SubMenu 1", + // moduleId: 653, + // moduleName: "SubMenu 1", + // modulePathUrl: "/admin/menu1/submenu1", + // parentId: 702, + // icon: , + // position: 2, + // statusId: 1, + // statusName: "Active", + // childMenu: [], + // childModule: null, + // }, + // { + // id: 4, + // name: "SubMenu 2", + // moduleId: 653, + // moduleName: "SubMenu 2", + // modulePathUrl: "/admin/menu1/submenu2", + // parentId: 702, + // icon: , + // position: 2, + // statusId: 1, + // statusName: "Active", + // childMenu: [], + // childModule: null, + // } + // ], + // childModule: null, + // }, +]; + +const Sidebar: React.FC = ({ updateSidebarData }) => { + const pathname = usePathname(); + const [sidebarMenu, setSidebarMenu] = useState(); + const { isOpen, toggleSidebar } = useSidebar(); + + const closeSidebar = () => { + if (isOpen) { + toggleSidebar(); + } + }; + + useEffect(() => { + updateSidebarData(isOpen); + }, [isOpen]); + + const renderIcon = (icon: string) => { + switch (icon) { + case "dashboard": + return ; + case "menu1": + return ; + case "table": + return ; + default: + return null; + } + }; + + return ( +
    +
    + {!isOpen && ( +
    + +
    + )} +
    +
    + + {/* {isOpen && ACME} */} +
    + {isOpen && ( + + )} +
    + {/*
    +
    + + + + + + +

    Signed in as

    +

    @tonyreichert

    +     + Profile Settings + + Analytics + + + Help & Feedback + + + Log Out + +     +     +
    +
    */} + + {sideBarDummyData + ? sideBarDummyData?.map((list: any, index: number) => + list.isGroup ? ( +

    + {isOpen ? list.name : "..."} +

    + ) : list.childMenu?.length < 1 ? ( + <> + {isOpen ? ( + +
    + {list.icon} {isOpen && list.name} +
    + + ) : ( + + +
    + {list.icon} {isOpen && list.name} +
    + +     + )} + + ) : ( + ( + + )), + ]} + /> + ) + ) + : ""} +     +
    +
    +
    + + {isOpen && "Theme"} +
    + {isOpen ? ( + + + {isOpen && "Support"} + + ) : ( + + + + {isOpen && "Support"} + + + )} + {isOpen ? ( + + + {isOpen && "Log Out"} + + ) : ( + + + + {isOpen && "Log Out"} + + + )} +
    +
    +
    + + {/*
    +
    + +
    + {sideBarDummyData.map((list) => ( +
    + +
    + ))} + +
    + {isOpen && ( +
    + )} */} +
    + ); +}; + +export default Sidebar; diff --git a/components/detail/About.tsx b/components/main/detail/about.tsx similarity index 100% rename from components/detail/About.tsx rename to components/main/detail/about.tsx diff --git a/components/detail/Comment.tsx b/components/main/detail/comment.tsx similarity index 100% rename from components/detail/Comment.tsx rename to components/main/detail/comment.tsx diff --git a/components/main/detail/contact.tsx b/components/main/detail/contact.tsx new file mode 100644 index 0000000..5113ee3 --- /dev/null +++ b/components/main/detail/contact.tsx @@ -0,0 +1,267 @@ +"use client"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { Button } from "@nextui-org/button"; +import { Input, Textarea } from "@nextui-org/input"; +import { Select, SelectItem, SelectSection } from "@nextui-org/react"; +import React, { useState } from "react"; +import { useForm } from "react-hook-form"; +import { z } from "zod"; +import { + Calender, + CustomerService, + EyeFilledIcon, + EyeSlashFilledIcon, + Hotline, + Location, + Mail, +} from "../../icons"; +import Datepicker from "react-tailwindcss-datepicker"; +import Image from "next/image"; + +const schema = z.object({ + name: z.string().min(3).max(50), + email: z.string().email(), +}); +interface FormData { + name: string; + email: string; +} + +const Contact: React.FC = () => { + const [isVisible, setIsVisible] = React.useState(false); + const [selectedGender, setSelectedGender] = React.useState(""); + + const [startDateValue, setStartDateValue] = useState({ + startDate: null, + endDate: null, + }); + + const toggleVisibility = () => setIsVisible(!isVisible); + + const { + register, + handleSubmit, + formState: { errors }, + } = useForm({ + resolver: zodResolver(schema), + }); + + const onChangeGender = (selectedItem: any) => { + setSelectedGender(selectedItem); + // Lakukan apa pun yang perlu dilakukan saat pilihan jenis kelamin berubah di sini + console.log("Selected Gender:", selectedItem); + }; + + const handleValueChange = (newValue: any, num: any) => { + console.log("start:", newValue); + setStartDateValue(newValue); + }; + + const onSubmit = (data: FormData) => { + console.log(data); + }; + + return ( + //
    + //
    + // + // + // {errors.name &&

    {errors.name.message}

    } + //
    + //
    + // + // + // {errors.email &&

    {errors.email.message}

    } + //
    + // + //
    +
    +

    + Kontak Kami +

    +
    +
    +
    Informasi Kontak
    +
    + Berikut informasi lengkap terkait Divisi Humas Polri +
    +
    +
    +
    + +
    +
    Hotline Divisi HumasPolri (021) 72120599
    +
    +
    +
    + +
    +
    Hotline Divisi HumasPolri (021) 72120599
    +
    +
    +
    + +
    +
    Call Center 110
    +
    +
    +
    + +
    +
    ppid@polri.go.id
    +
    +
    +
    + +
    +
    + Jl Trunojoyo No.3, RT.2/RW.1, Selong, Kec. Kebayoran Baru, Kota + Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12110, Indonesia +
    +
    +
    +
    + +
    +
    Hari Senin - Jumat | 08:00 - 15:00 WIB
    +
    +
    +
    + {/* maps */} +
    +
    +
    +
    + Silahkan tuliskan pertanyaan anda kepada kami +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + ar +
    +
    +
    +
    + ); +}; + +export default Contact; diff --git a/components/detail/E-MagazineDetail.tsx b/components/main/detail/e-magazine-detail.tsx similarity index 100% rename from components/detail/E-MagazineDetail.tsx rename to components/main/detail/e-magazine-detail.tsx diff --git a/components/main/detail/list-news.tsx b/components/main/detail/list-news.tsx new file mode 100644 index 0000000..cd36913 --- /dev/null +++ b/components/main/detail/list-news.tsx @@ -0,0 +1,162 @@ +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../../icons"; +import Link from "next/link"; + +export default function ListNews() { + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); + + const listNews = [ + { + id: 1, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 2, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 3, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS ", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 4, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 5, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 6, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 7, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 8, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + { + id: 9, + thumnbnail: "/headernews.png", + title: + "Divisi Humas Polri Gelar Bimtek Dan Uji Konsekuensi Informasi Di Maluku Utara", + date: "06 Maret, 2024 16:14 HUMAS POLRI", + description: + "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, rerum temporibus qui similique odio ducimus sit iure magnam consequatur dolore corrupti quisquam distinctio possimus et optio neque error earum quod!", + }, + ]; + + return ( +
    + + Beranda + Berita + +
    + {listNews.map((news) => ( + +
    +
    + +
    +
    +
    + {news.title} +
    +
    +
    {news.date}
    + {/*
    jam
    +
    creator
    */} +
    +
    + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis + est quas soluta deserunt ullam. Sapiente facilis modi vitae. + Aspernatur excepturi quo amet omnis laudantium inventore + praesentium illum hic reiciendis error. +
    +
    +
    + + ))} +
    +
    + ); +} diff --git a/components/main/detail/new-detail.tsx b/components/main/detail/new-detail.tsx new file mode 100644 index 0000000..351d201 --- /dev/null +++ b/components/main/detail/new-detail.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import DetailNews from "../../page/detail-news"; +import SidebarDetail from "../../page/sidebar-detail"; +import RelatedNews from "../../page/related-news"; +import Comment from "./comment"; + +export default function NewsDetailPage() { + return ( + <> +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    + + ); +} diff --git a/components/detail/ObjectionMecanism.tsx b/components/main/detail/objection-mecanism.tsx similarity index 100% rename from components/detail/ObjectionMecanism.tsx rename to components/main/detail/objection-mecanism.tsx diff --git a/components/detail/Propim.tsx b/components/main/detail/propim.tsx similarity index 100% rename from components/detail/Propim.tsx rename to components/main/detail/propim.tsx diff --git a/components/detail/RequestDispute.tsx b/components/main/detail/reqeust-dispute.tsx similarity index 100% rename from components/detail/RequestDispute.tsx rename to components/main/detail/reqeust-dispute.tsx diff --git a/components/detail/RequestInformation.tsx b/components/main/detail/request-information.tsx similarity index 100% rename from components/detail/RequestInformation.tsx rename to components/main/detail/request-information.tsx diff --git a/components/detail/ServiceTime.tsx b/components/main/detail/serive-time.tsx similarity index 100% rename from components/detail/ServiceTime.tsx rename to components/main/detail/serive-time.tsx diff --git a/components/detail/ServiceAnnouncement.tsx b/components/main/detail/service-announcement.tsx similarity index 100% rename from components/detail/ServiceAnnouncement.tsx rename to components/main/detail/service-announcement.tsx diff --git a/components/detail/ServiceFee.tsx b/components/main/detail/service-fee.tsx similarity index 100% rename from components/detail/ServiceFee.tsx rename to components/main/detail/service-fee.tsx diff --git a/components/detail/ServiceFlow.tsx b/components/main/detail/service-flow.tsx similarity index 100% rename from components/detail/ServiceFlow.tsx rename to components/main/detail/service-flow.tsx diff --git a/components/detail/StatistikRekapitulas.tsx b/components/main/detail/statistic-recap.tsx similarity index 100% rename from components/detail/StatistikRekapitulas.tsx rename to components/main/detail/statistic-recap.tsx diff --git a/components/detail/StrukturOrganisasi.tsx b/components/main/detail/structure.tsx similarity index 100% rename from components/detail/StrukturOrganisasi.tsx rename to components/main/detail/structure.tsx diff --git a/components/detail/TaskDetail.tsx b/components/main/detail/task-detail.tsx similarity index 100% rename from components/detail/TaskDetail.tsx rename to components/main/detail/task-detail.tsx diff --git a/components/detail/VisiMisi.tsx b/components/main/detail/visi-misi.tsx similarity index 100% rename from components/detail/VisiMisi.tsx rename to components/main/detail/visi-misi.tsx diff --git a/components/navbar/FooterSatker.tsx b/components/navbar/FooterSatker.tsx deleted file mode 100644 index 2de5644..0000000 --- a/components/navbar/FooterSatker.tsx +++ /dev/null @@ -1,86 +0,0 @@ -import React from 'react' -import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtIcon } from '../icons' - -export default function FooterSatker() { - return ( - <> - -
    © Copyright Humas

      POLRI ®

      All Rights Reserved
    - - - ) -} diff --git a/components/navbar/HumasNavbarWrapper.tsx b/components/navbar/HumasNavbarWrapper.tsx deleted file mode 100644 index 3baf7ea..0000000 --- a/components/navbar/HumasNavbarWrapper.tsx +++ /dev/null @@ -1,62 +0,0 @@ -'use client' -import { Navbar, NavbarBrand, NavbarContent, NavbarItem } from '@nextui-org/navbar'; -import { Avatar, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, ScrollShadow } from '@nextui-org/react'; -import React from 'react' -import { ThemeSwitch } from '../theme-switch'; -import Link from 'next/link'; - -interface Props { - children: React.ReactNode; - pageTitle?: string; -} -export default function HumasNavbarWrapper({ children }: Props) { - return ( -
    - - - - Judul - - - - - - - - - -

    Signed in as

    -

    zoey@example.com

    -     - My Settings - Help & Feedback - - Log Out - - - - -     -     -     -     -
    - {children} -
    -
    - - ) -} diff --git a/components/navbar/HumasSidebarWrapper.tsx b/components/navbar/HumasSidebarWrapper.tsx deleted file mode 100644 index 6bddb65..0000000 --- a/components/navbar/HumasSidebarWrapper.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import React from 'react' -import { RxHamburgerMenu } from "react-icons/rx"; -import { - MdDashboard, - MdSupervisedUserCircle, - MdShoppingBag, - MdAttachMoney, - MdWork, - MdAnalytics, - MdPeople, - MdOutlineSettings, - MdHelpCenter -} from 'react-icons/md' -import MenuLinks from '../page/MenuLink'; -import Link from 'next/link'; - -const menuItems = [ - { - title: "Pages", - list: [ - { - title: "Dashboard", - path: '/admin/dashboard', - icon: - }, - { - title: "Users", - path: '/dashboard/users', - icon: - }, - { - title: "Producst", - path: '/dashboard/producst', - icon: - }, - { - title: "Transactions", - path: '/dashboard/transactions', - icon: - }, - ] - }, - { - title: "Analytics", - list: [ - { - title: "Revenue", - path: '/dashboard/revenue', - icon: - }, - { - title: "Reports", - path: '/dashboard/reports', - icon: - }, - { - title: "Teams", - path: '/dashboard/teams', - icon: - }, - ] - }, - { - title: "User", - list: [ - { - title: "Settings", - path: '/dashboard/settings', - icon: - }, - { - title: "Help", - path: '/dashboard/help', - icon: - }, - ] - }, -] - -export default function HumasSidebarWrapper() { - return ( - - ) -} diff --git a/components/navbar/NavbarHumas.tsx b/components/navbar/NavbarHumas.tsx deleted file mode 100644 index e322578..0000000 --- a/components/navbar/NavbarHumas.tsx +++ /dev/null @@ -1,524 +0,0 @@ -'use client' -import { siteConfig } from '@/config/site'; -import { Input } from '@nextui-org/input'; -import { Navbar, NavbarContent, NavbarItem, NavbarMenu, NavbarMenuItem, NavbarMenuToggle } from '@nextui-org/navbar'; -import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react'; -import Image from 'next/image'; -import Link from "next/link"; -import { useState } from 'react'; -import { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, FbIcon, IdnIcon, IgIcon, SearchIcon, TtIcon, TwIcon, YtIcon } from '../icons'; -import { ThemeSwitch } from '../theme-switch'; - -interface MenuItem { - key: string; - label: string; - href: URL; - submenu?: SubMenuItem[]; -} - -interface SubMenuItem { - label: string; - href: string; -} - -interface DropdownOpenState { - [key: string]: boolean; -} - - -export default function NavbarHumas() { - const [dropdownOpen, setDropdownOpen] = useState({}); - - const toggleDropdown = (key: any) => { - setDropdownOpen({ - ...dropdownOpen, - [key]: !dropdownOpen[key] - }); - }; - - const searchInput = ( - - } - type="search" - /> - ); - return ( - -
    -
    - - logo - -
    -
    -
    -
    - - - - - - - - - - - - - - - -
    -
    -
    -
    - -
    Beranda
    - -
    - - - - - - - - - - Tentang Humas POLRI - - - - - - Profile Pimpinan POLRI - - - - - - Struktur Organisasi - - - - - - Visi & Misi - - - - - - Tugas & Fungsi - - - - - - Logo - - - - - -
    -
    Portal PPID
    -
    - - - - - - - - - - Formulir Permohonan Informasi - - - - - - Pelayanan SIM - - - - - - Pelayanan e-Rikkes SIM - - - - - - - Pelayanan Test Psikologi SIM - - - - - - Pelayanan e-Arvis - - - - - - Pelayanan Samsat Digital - - - - - - Pelayanan SKCK - - - - - - Pelayanan Propam Presisi - - - - - - Pelayanan Dumas Presisi - - - - - - Pelayanan Binmas - - - - - - Whistle Blower System - - - - - -
    -
    - Kontak
    -
    -
    {searchInput}
    -
    -
    -
    -
    - - - - - {/* {searchInput} */} -
    - {siteConfig.humasMenuItems.map((item) => ( -
    - -
    toggleDropdown(item.key)} className='flex items-end gap-2'> - {item.href ? ( - - {item.label} - - ) : ( - {item.label} - )} - {item.submenu && ( - dropdownOpen[item.key] ? ( - - ) : ( - - ) - )} -
    -     - {dropdownOpen[item.key] && item.submenu && ( -
    - {item.submenu.map((subItem, subIndex) => ( -
    - - {subItem.label} - -
    - ))} -
    - )} -
    - ))} -
    -     -     -
    -     - // - //
    - // - //
    - //
    - //
    - // - //
    Beranda
    - // - //
    - // - // - // - // - // - // - // - // } - // > - // - // Tentang Humas POLRI - // - // - // } - // > - // - // Profile Pimpinan POLRI - // - // - // }> - // - // Struktur Organisasi - // - // - // }> - // - // Visi & Misi - // - // - // }> - // - // Tugas & Fungsi - // - // - // }> - // Logo - // - // - // - //
    - //
    Portal PPID
    - //
    - // - // - // - // - // - // - // - // } - // > - // - // Formulir Permohonan Informasi - // - // - // } - // > - // - // Pelayanan SIM - // - // - // }> - // - // Pelayanan e-Rikkes SIM - // - - // - // }> - // - // Pelayanan Test Psikologi SIM - // - // - // }> - // - // Pelayanan e-Arvis - // - // - // }> - // - // Pelayanan Samsat Digital - // - // - // }> - // - // Pelayanan SKCK - // - // - // }> - // - // Pelayanan Propam Presisi - // - // - // }> - // - // Pelayanan Dumas Presisi - // - // - // }> - // - // Pelayanan Binmas - // - // - // }> - // - // Whistle Blower System - // - // - // - // - //
    - //
    - // Kontak
    - //
    - //
    - //
    - //
    - //
    - //
    - // - // - // - // - // - // - // - // - // - // - // - // - // - // - // - //
    - //
    - //
    - //
    - // {searchInput} - //
    - //
    - // - // - // - // - //     - ) -} diff --git a/components/navbar/NavbarPPID.tsx b/components/navbar/NavbarPPID.tsx deleted file mode 100644 index 9b96fc0..0000000 --- a/components/navbar/NavbarPPID.tsx +++ /dev/null @@ -1,349 +0,0 @@ -'use client' -import { Link } from '@nextui-org/link' -import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar' -import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react' -import { ChevronDownIcon, ChevronRightIcon, FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons' -import { ThemeSwitch } from '../theme-switch' - -export default function NavbarPPID() { - return ( - -
    -
    - - logo - -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    - - - Beranda - - - - - - - - - - } - > - - Informasi Serta Merta - - - } - > - - Informasi Berkala - - - }> - - Informasi Setiap Saat - - - }> - - Informasi Dikecualikan - - - }> - - Penerangan Satuan - - - }> - - UU & Peraturan - - - - - - - - - - - - } - > - - Sejarah PPID Polri - - - } - > - - Profile Singkat PPID - - - }> - - Tugas dan Fungsi PPID - - - }> - - Struktur PPID - - - }> - - Visi & Misi PPID - - - - - - - - - - - - } - > - - Registrasi Permohonan - - - } - > - - Permohonan Informasi - - - }> - - Permohonan Keberatan - - - }> - - Statistik / Rekapitulasi - - - }> - - Laporan Informasi Publik Tahunan - - - - - - - - - - - - } - > - - Alur Pelayanan Informasi Publik Polri - - - } - > - - Tata Cara Permohonan Informasi - - - }> - - Mekanisme Keberatan - - - }> - - Mekanisme Permohonan Penyelesainan Sengketa - - - }> - - Waktu Pelayanan - - - }> - - Standar Biaya Pelayanan - - - }> - - Maklumat Pelayanan - - - - - - - Regulasi - - - - - Kontak - - -
    -
    -
    - - - - -
    - {/*
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    - - logo - -
    -
    - -
    - - - - -
    -
    */} -     - ) -} - diff --git a/components/navbar/NavbarSatker.tsx b/components/navbar/NavbarSatker.tsx deleted file mode 100644 index eb5ab55..0000000 --- a/components/navbar/NavbarSatker.tsx +++ /dev/null @@ -1,332 +0,0 @@ -import { Link } from '@nextui-org/link' -import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar' -import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react' -import { ChevronDownIcon, ChevronRightIcon, FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons' -import { ThemeSwitch } from '../theme-switch' -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 ( - -
    -
    - -
    - logo -
    - -
    { }
    -
    -
    - -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    - - - Beranda - - - - - - - - - - } - > - - Informasi Serta Merta - - - } - > - - Informasi Berkala - - - }> - - Informasi Setiap Saat - - - }> - - Informasi Dikecualikan - - - }> - - Penerangan Satuan - - - }> - - UU & Peraturan - - - - - - - - - - - - } - > - - Sejarah PPID Polri - - - } - > - - Profile Singkat PPID - - - }> - - Tugas dan Fungsi PPID - - - }> - - Struktur PPID - - - }> - - Visi & Misi PPID - - - - - - - - - - - - } - > - - Registrasi Permohonan - - - } - > - - Permohonan Informasi - - - }> - - Permohonan Keberatan - - - }> - - Statistik / Rekapitulasi - - - }> - - Laporan Informasi Publik Tahunan - - - - - - - - - - - - } - > - - Alur Pelayanan Informasi Publik Polri - - - } - > - - Tata Cara Permohonan Informasi - - - }> - - Mekanisme Keberatan - - - }> - - Mekanisme Permohonan Penyelesainan Sengketa - - - }> - - Waktu Pelayanan - - - }> - - Standar Biaya Pelayanan - - - }> - - Maklumat Pelayanan - - - - - - - Regulasi - - - - - Kontak - - -
    -
    -
    - - - - -
    -     - ) -} diff --git a/components/navbar/PPIDAdminNavbarWrapper.tsx b/components/navbar/PPIDAdminNavbarWrapper.tsx deleted file mode 100644 index 2e8074b..0000000 --- a/components/navbar/PPIDAdminNavbarWrapper.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { Navbar, NavbarBrand, NavbarContent, NavbarItem } from '@nextui-org/navbar'; -import { Avatar, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react'; -import Link from 'next/link'; -import React, { Children } from 'react' -import { ThemeSwitch } from '../theme-switch'; - -interface Props { - children: React.ReactNode; - pageTitle?: string; - pageSubTitle?: string; - pageSubSubTitle?: string; - mainHref?: any; - subHref?: any; -} - -export default function PPIDAdminNavbarWrapper({ children, pageTitle, pageSubTitle, pageSubSubTitle, mainHref, subHref }: Props) { - return ( -
    - - - - - - - - -

    Signed in as

    -

    zoey@example.com

    -     - My Settings - - Log Out - - -     -     -     -     - {children} -
    - ) -} diff --git a/components/page/DetailNews.tsx b/components/page/detail-news.tsx similarity index 100% rename from components/page/DetailNews.tsx rename to components/page/detail-news.tsx diff --git a/components/page/HistoryPPID.tsx b/components/page/history-ppid.tsx similarity index 100% rename from components/page/HistoryPPID.tsx rename to components/page/history-ppid.tsx diff --git a/components/page/MenuLink.tsx b/components/page/menu-link.tsx similarity index 100% rename from components/page/MenuLink.tsx rename to components/page/menu-link.tsx diff --git a/components/page/RelatedNews.tsx b/components/page/related-news.tsx similarity index 100% rename from components/page/RelatedNews.tsx rename to components/page/related-news.tsx diff --git a/components/page/SidebarDetail.tsx b/components/page/sidebar-detail.tsx similarity index 100% rename from components/page/SidebarDetail.tsx rename to components/page/sidebar-detail.tsx diff --git a/components/sidebar/sidebar-closed-icon.tsx b/components/sidebar/sidebar-closed-icon.tsx deleted file mode 100644 index b6aa291..0000000 --- a/components/sidebar/sidebar-closed-icon.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import Link from "next/link"; -import { DashboardIcon, HomeIcon, TableIcon } from "../icons/sidebar-icon"; -import { useSidebar } from "./sidebar-context"; -import { Tooltip } from "@nextui-org/react"; - -export default function ClosedSidebarIcon(props: { icon: string, isActive: boolean, childMenu: any, path: string, title: string }) { - const { isOpen, toggleSidebar } = useSidebar(); - - const { icon, isActive, childMenu, path, title } = props; - const renderIcon = () => { - switch (icon) { - case 'dashboard': - return ; - case 'menu1': - return ; - case 'table': - return ; - default: - return null; // Tidak ada ikon yang sesuai - } - }; - return ( - - {childMenu.length < 1 ? - < Link href={path} className={`w-fit rounded-lg p-1 flex items-center ${isActive ? "bg-[#11181c] dark:bg-white text-[#fafafa] dark:text-black" : "text-zinc-600 dark:text-zinc-400 hover:text-zinc-800 hover:dark:text-zinc-300"}`}> - {renderIcon()} - - - : - - {renderIcon()} - - } - - ) -} \ No newline at end of file diff --git a/components/sidebar/sidebar-collapse-items.tsx b/components/sidebar/sidebar-collapse-items.tsx deleted file mode 100644 index 1d2fd93..0000000 --- a/components/sidebar/sidebar-collapse-items.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import React, { useEffect, useState } from "react"; -import clsx from "clsx"; -import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react"; - -import { ChevronUpIcon } from "../icons"; -import { DashboardIcon, HomeIcon, TableIcon } from "../icons/sidebar-icon"; -import { useSidebar } from "./sidebar-context"; - -interface Props { - icon?: string; - title: string; - items?: React.ReactNode[]; - isActive: boolean; -} - -export const SidebarCollapseItems = ({ - title, - items, - icon, - isActive, -}: Props) => { - - const { isOpen, toggleSidebar } = useSidebar(); - - // useEffect(() => { - // console.log("Sidebar Collapse Item :: ", title, isActive); - // }, []); - - const renderIcon = () => { - switch (icon) { - case 'dashboard': - return ; - case 'menu1': - return ; - case 'table': - return ; - default: - return null; // Tidak ada ikon yang sesuai - } - }; - return ( -
    - - } - classNames={{ - // indicator: "data-[open=true]:-rotate-180", - indicator: `${isOpen ? "data-[open=true]:-rotate-180" : "hidden"}`, - trigger: `${isOpen ? "pl-[7px]" : "pl-[11px] "} py-2 rounded-lg active:scale-[0.98] transition-transform text-center ${isActive ? "bg-zinc-600 dark:bg-zinc-300 text-zinc-300 dark:text-zinc-500 font-bold font-bold hover:font-bold" : " hover:bg-zinc-400 hover:font-semibold"}`, - title: `${isOpen ? "pl-2 gap-2" : "px-0"} flex text-base h-full items-center cursor-pointer`, - }} - aria-label="Accordion 1" - title={ -
    - {icon && {icon}} - {/* {isOpen && {title}} */} - {isOpen && {title}} -
    - - } - > -
    -
      {items}
    -
    -     -     -
    - ); -}; diff --git a/components/sidebar/sidebar.tsx b/components/sidebar/sidebar.tsx deleted file mode 100644 index bfb1a91..0000000 --- a/components/sidebar/sidebar.tsx +++ /dev/null @@ -1,474 +0,0 @@ -import { SidebarMenuTask } from "@/types/globals"; -import { Tooltip } from '@nextui-org/react'; -import Link from 'next/link'; -import { usePathname } from 'next/navigation'; -import React, { useEffect, useState } from 'react'; -import { ChevronLeftIcon, ChevronRightIcon, FormCustomIcon, FormHorizontalIcon, FormLayoutIcon, FormValidationIcon, FormVerticalIcon } from '../icons'; -import { DashboardIcon, HomeIcon, InfoCircleIcon, MinusCircleIcon, TableIcon } from '../icons/sidebar-icon'; -import { ThemeSwitch } from '../theme-switch'; -import { SidebarCollapseItems } from "./sidebar-collapse-items"; -import { SidebarCollapseSubItems } from "./sidebar-collapse-sub-items"; -import { useSidebar } from './sidebar-context'; -import { SidebarMenu } from "./sidebar-menu"; - -interface SubMenuItems { - id: number; - name: string; - modulePathUrl: string; - isSubActive: boolean; -} - -interface MenuItems { - id: number; - name: string; - modulePathUrl: string; - isSubActive: boolean; - childMenu?: SubMenuItems[]; - icon?: string - -} - -interface SidebarProps { - sidebarData: boolean; - updateSidebarData: (newData: boolean) => void; -} - -const sideBarDummyData = [ - { - id: 1, - name: "Dashboard", - moduleId: 652, - moduleName: "Dashboard", - modulePathUrl: "/admin/dashboard", - isGroup: true, - parentId: -1, - icon: "dashboard", - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - { - id: 2, - name: "Dashboard", - moduleId: 652, - moduleName: "Dashboard", - modulePathUrl: "/admin/dashboard", - parentId: -1, - icon: , - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - { - id: 3, - name: "Apps", - moduleId: 652, - moduleName: "Dashboard", - modulePathUrl: "/admin/basic", - isGroup: true, - parentId: -1, - icon: "table", - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - { - id: 4, - name: "Artikel", - moduleId: 652, - moduleName: "Dashboard", - modulePathUrl: "/admin/article", - parentId: -1, - icon: , - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - // { - // id: 4, - // name: "E-Magazine", - // moduleId: 652, - // moduleName: "Dashboard", - // modulePathUrl: "/admin/e-magazine", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - { - id: 5, - name: "Master", - moduleId: 652, - moduleName: "Dashboard", - isGroup: true, - modulePathUrl: "/admin/basic", - parentId: -1, - icon: "table", - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - // { - // id: 6, - // name: "Master Menu", - // moduleId: 652, - // moduleName: "Form Custom", - // modulePathUrl: "/admin/master-menu", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - // { - // id: 7, - // name: "Master Module", - // moduleId: 653, - // moduleName: "Form Horizontal", - // modulePathUrl: "/admin/master-module", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - { - id: 8, - name: "Master User", - moduleId: 654, - moduleName: "Form Vertical", - modulePathUrl: "/admin/master-user", - parentId: -1, - icon: , - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - // { - // id: 9, - // name: "Master User Level", - // moduleId: 655, - // moduleName: "Form User Level", - // modulePathUrl: "/admin/master-user-level", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - { - id: 10, - name: "Master User Role", - moduleId: 656, - moduleName: "Form Validation", - modulePathUrl: "/admin/master-role", - parentId: -1, - icon: , - position: 1, - statusId: 1, - childMenu: [], - statusName: "Active", - childModule: null, - }, - // { - // id: 11, - // name: "Form Wizard", - // moduleId: 657, - // moduleName: "Form Wizard", - // modulePathUrl: "/admin/form-wizard", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - // { - // id: 13, - // name: "Others", - // moduleId: 658, - // moduleName: "Others", - // modulePathUrl: "/admin/basic", - // isGroup: true, - // parentId: -1, - // icon: "table", - // position: 1, - // statusId: 1, - // childMenu: [], - // statusName: "Active", - // childModule: null, - // }, - // { - // id: 13, - // name: "Menu 1", - // moduleId: 652, - // moduleName: "Menu 1", - // modulePathUrl: "/admin/menu1", - // parentId: -1, - // icon: , - // position: 1, - // statusId: 1, - // statusName: "Active", - // childMenu: [ - // { - // id: 3, - // name: "SubMenu 1", - // moduleId: 653, - // moduleName: "SubMenu 1", - // modulePathUrl: "/admin/menu1/submenu1", - // parentId: 702, - // icon: , - // position: 2, - // statusId: 1, - // statusName: "Active", - // childMenu: [], - // childModule: null, - // }, - // { - // id: 4, - // name: "SubMenu 2", - // moduleId: 653, - // moduleName: "SubMenu 2", - // modulePathUrl: "/admin/menu1/submenu2", - // parentId: 702, - // icon: , - // position: 2, - // statusId: 1, - // statusName: "Active", - // childMenu: [], - // childModule: null, - // } - // ], - // childModule: null, - // }, -] - -const Sidebar: React.FC = ({ updateSidebarData }) => { - const pathname = usePathname(); - const [sidebarMenu, setSidebarMenu] = useState(); - const { isOpen, toggleSidebar } = useSidebar(); - - const closeSidebar = () => { - if (isOpen) { - toggleSidebar(); - } - }; - - useEffect(() => { - updateSidebarData(isOpen) - }, [isOpen]) - - const renderIcon = (icon: string) => { - switch (icon) { - case 'dashboard': - return ; - case 'menu1': - return ; - case 'table': - return ; - default: - return null; - } - }; - - return ( -
    -
    - - {!isOpen && -
    - -
    - } -
    -
    - - {/* {isOpen && ACME} */} -
    - {isOpen && - - } -
    - {/*
    -
    - - - - - - -

    Signed in as

    -

    @tonyreichert

    -     - Profile Settings - - Analytics - - - Help & Feedback - - - Log Out - -     -     -
    -
    */} - - {sideBarDummyData - ? sideBarDummyData?.map((list: any, index: number) => ( - list.isGroup ? -

    {isOpen ? list.name : "..."}

    - : - list.childMenu?.length < 1 ? - <> - {isOpen ? - -
    - {list.icon} {isOpen && list.name} -
    - : - - -
    - {list.icon} {isOpen && list.name} -
    - -     - } - - : - ( - - )), - ]} - /> - )) - : ""} -     -
    -
    -
    - - {isOpen && "Theme"} -
    - {isOpen ? - - - {isOpen && "Support"} - - : - - - - {isOpen && "Support"} - - - } - {isOpen ? - - - {isOpen && "Log Out"} - - : - - - - {isOpen && "Log Out"} - - - - } - -
    -
    -
    - - {/*
    -
    - -
    - {sideBarDummyData.map((list) => ( -
    - -
    - ))} - -
    - {isOpen && ( -
    - )} */} -
    - ); -}; - -export default Sidebar; \ No newline at end of file diff --git a/components/table/informasi-berkala-table.tsx b/components/table/informasi-berkala-table.tsx new file mode 100644 index 0000000..f0bca69 --- /dev/null +++ b/components/table/informasi-berkala-table.tsx @@ -0,0 +1,423 @@ +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; + +export default function InformasiBerkala() { + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); + + const animals = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    Informasi Berkala
    +
    + + Beranda + Informasi Publik + Informasi Berkala + +
    +
    +
    + Informasi Publik Tersedia Berkala +
    +
    + {searchInput} + + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + +
    + 1. Informasi mengenai kedudukan, domisili, beserta + alamat lengkap dan kontak. +
    +
    + +
    +     +     + + + 2. Struktur Organisasi.{" "} + + + + + + 3. Ruang Lingkup Kegiatan.{" "} + + + + + + 4. Maksud dan Tujuan.{" "} + + + + + + 5. Gambaran umum Satker.{" "} + + + + + + 6. Profile singkat pejabat struktural.{" "} + + + + + + 7. Tugas dan Fungsi.{" "} + + + + + + 8. Visi dan Misi.{" "} + + + + + + 9. LHPKN Pejabat Polri yang telah diperiksa, + diverifikasi, dan telah dikirimkan ke Komisi + Pemberantasan Korupsi.{" "} + + + + + + B. Ringkasan informasi tentang program dan/atau kegiatan + yang sedang dijalankan dalam lingkup badan publik.{" "} + + + + + 1. Matrik program, kegiatan dan target Polri(Renja, + Renstra, Peta Strategi, RKA, Dipa).{" "} + + + + + + 2. Agenda penting terkait pelaksanaan tugas BadanPublik + (Polri).{" "} + + + + + + 3. Informasi khusus lainnya yang berkaitan + langsungdengan hak-hak masyarakat.{" "} + + + + + + 4. Informasi tentang penerimaan calon peserta didikpada + Badan Publik (Polri) yang menyelenggarakan kegiatan + pendidikan untuk umum..{" "} + + + + + + 5. Informasi tentang penerimaan calon pegawai dan/atau + pejabat Polri.{" "} + + + + + + C. Ringkasan informasi tentang kinerja dalam lingkup + Badan Publik berupa narasi tentang realisasi kegiatan + yang telah maupun sedang dijalankan beserta capaiannya.{" "} + + + + + 1. Layanan Kepolisian Negara Republik Indonesia (Polri).{" "} + + + + + + 2. Laporan Kinerja (Lakip) Polri 5 tahun terkahir.{" "} + + + + + + 3. Laporan Tahunan (5 tahun terkahir).{" "} + + + + + + 4. Rencana Strategis Polri.{" "} + + + + + + 5. Rencana Kerja Polri.{" "} + + + + + + D. Ringkasan Laporan Keuangan. + + + + + 1. Laporan Keuangan Polri (5 tahun terkahir).{" "} + + + + + + 2. Rencana Kerja Tahunan Polri.{" "} + + + + + + 3. Daftar Isian Pelaksanaan Anggaran Kementerian + Pertanian (DIPA Induk) Polri (5 tahun terkahir)..{" "} + + + + + + 4. Realisasi Belanja Polri.{" "} + + + + + + 5. Realisasi Pendapatan Polri.{" "} + + + + + + 6. Rencana Umum Pengadaan (RUP) Polri.{" "} + + + + + + E. Ringkasan laporan akses Informasi Publik.{" "} + + + + + + F. Informasi tentang peraturan, keputusan, dan/atau + kebijakan yang mengikat dan/atau berdampak bagi publik + yang dikeluarkan oleh Badan Publik.{" "} + + + + + + G. Informasi tentang hak dan tata cara memperoleh + Informasi Publik, serta tata cara pengajuan keberatan + serta proses penyelesaian sengketa Informasi Publik + berikut pihak-pihak yang bertanggungjawab yang dapat + dihubungi.{" "} + + + + + + H. Informasi tentang tata cara pengaduan penyalahgunaan + wewenang atau pelanggaran yang dilakukan baik oleh + pejabat Badan Publik maupun pihak yang mendapatkan izin + atau perjanjian kerja dari Badan Publik yang + bersangkutan.{" "} + + + + + + I. Informasi tentang pengumuman pengadaan barangdan + jasa. + + + + + 1. LPSE Polri.{" "} + + + + + + 2. SIRUP LKPP - Polri.{" "} + + + + + + 3. IRencana Umum Pengadaan (RUP) Polri.{" "} + + + + + + J. Informasi tentang prosedur peringatan dini dan + prosedur evakuasi keadaan darurat di setiap kantor Badan + Publik.{" "} + + + + + + K. Daftar rancangan peraturan perundang-undangan Polri + yang sedang dalam proses pembahasan.{" "} + + + +     +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + ); +} diff --git a/components/table/informasi-berkala.tsx b/components/table/informasi-berkala.tsx deleted file mode 100644 index 81daf2b..0000000 --- a/components/table/informasi-berkala.tsx +++ /dev/null @@ -1,262 +0,0 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - - -export default function InformasiBerkala() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) - - const animals = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    Informasi Berkala
    -
    - - Beranda - Informasi Publik - Informasi Berkala - -
    -
    -
    Informasi Publik Tersedia Berkala
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - -
    1. Informasi mengenai kedudukan, domisili, beserta alamat lengkap dan kontak.
    -
    -     -     - - 2. Struktur Organisasi. - - - 3. Ruang Lingkup Kegiatan. - - - 4. Maksud dan Tujuan. - - - 5. Gambaran umum Satker. - - - 6. Profile singkat pejabat struktural. - - - 7. Tugas dan Fungsi. - - - 8. Visi dan Misi. - - - 9. LHPKN Pejabat Polri yang telah diperiksa, diverifikasi, dan telah dikirimkan ke Komisi Pemberantasan Korupsi. - - - B. Ringkasan informasi tentang program dan/atau kegiatan yang sedang dijalankan dalam lingkup badan publik. - - - 1. Matrik program, kegiatan dan target Polri(Renja, Renstra, Peta Strategi, RKA, Dipa). - - - 2. Agenda penting terkait pelaksanaan tugas BadanPublik (Polri). - - - 3. Informasi khusus lainnya yang berkaitan langsungdengan hak-hak masyarakat. - - - 4. Informasi tentang penerimaan calon peserta didikpada Badan Publik (Polri) yang menyelenggarakan kegiatan pendidikan untuk umum.. - - - 5. Informasi tentang penerimaan calon pegawai dan/atau pejabat Polri. - - - C. Ringkasan informasi tentang kinerja dalam lingkup Badan Publik berupa narasi tentang realisasi kegiatan yang telah maupun sedang dijalankan beserta capaiannya. - - - 1. Layanan Kepolisian Negara Republik Indonesia (Polri). - - - 2. Laporan Kinerja (Lakip) Polri 5 tahun terkahir. - - - 3. Laporan Tahunan (5 tahun terkahir). - - - 4. Rencana Strategis Polri. - - - 5. Rencana Kerja Polri. - - - D. Ringkasan Laporan Keuangan. - - - 1. Laporan Keuangan Polri (5 tahun terkahir). - - - 2. Rencana Kerja Tahunan Polri. - - - 3. Daftar Isian Pelaksanaan Anggaran Kementerian Pertanian (DIPA Induk) Polri (5 tahun terkahir).. - - - 4. Realisasi Belanja Polri. - - - 5. Realisasi Pendapatan Polri. - - - 6. Rencana Umum Pengadaan (RUP) Polri. - - - E. Ringkasan laporan akses Informasi Publik. - - - F. Informasi tentang peraturan, keputusan, dan/atau kebijakan yang mengikat dan/atau berdampak bagi publik yang dikeluarkan oleh Badan Publik. - - - G. Informasi tentang hak dan tata cara memperoleh Informasi Publik, serta tata cara pengajuan keberatan serta proses penyelesaian sengketa Informasi Publik berikut pihak-pihak yang bertanggungjawab yang dapat dihubungi. - - - H. Informasi tentang tata cara pengaduan penyalahgunaan wewenang atau pelanggaran yang dilakukan baik oleh pejabat Badan Publik maupun pihak yang mendapatkan izin atau perjanjian kerja dari Badan Publik yang bersangkutan. - - - I. Informasi tentang pengumuman pengadaan barangdan jasa. - - - 1. LPSE Polri. - - - 2. SIRUP LKPP - Polri. - - - 3. IRencana Umum Pengadaan (RUP) Polri. - - - J. Informasi tentang prosedur peringatan dini dan prosedur evakuasi keadaan darurat di setiap kantor Badan Publik. - - - K. Daftar rancangan peraturan perundang-undangan Polri yang sedang dalam proses pembahasan. - -     -
    -
    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    - ) -} diff --git a/components/table/informasi-dikecualikan.tsx b/components/table/informasi-dikecualikan.tsx index e8c7a48..a767dfa 100644 --- a/components/table/informasi-dikecualikan.tsx +++ b/components/table/informasi-dikecualikan.tsx @@ -1,238 +1,352 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; export default function InformasiDikecualikan() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const animals = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    Informasi Dikecualikan
    -
    - - Beranda - Informasi Publik - Informasi Dikecualikan - -
    -
    -
    Informasi Publik Tersedia Dikecualikan
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - B. Informasi mengenai keamanan dan ketertiban masyarakat terutama yang berpotensi kerusuhan massa. - - - C. Informasi terkait bencana alam yang berdampak luas. - - - D. Informasi tentang pristiwa yang meresahkan masyarakat. - - - E. Kecelakaan moda transportasi yang menarik perhatian masyarakat. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - -
    -
    -
    -
    -
    -
    - -
    + const animals = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    Informasi Dikecualikan
    +
    + + Beranda + Informasi Publik + Informasi Dikecualikan + +
    +
    +
    + Informasi Publik Tersedia Dikecualikan
    -
    - +
    + {searchInput} + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + + B. Informasi mengenai keamanan dan ketertiban masyarakat + terutama yang berpotensi kerusuhan massa.{" "} + + + + + + C. Informasi terkait bencana alam yang berdampak luas.{" "} + + + + + + D. Informasi tentang pristiwa yang meresahkan + masyarakat. + + + + + E. Kecelakaan moda transportasi yang menarik perhatian + masyarakat. + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + +
    +
    +
    +
    - ) +
    +
    +
    + +
    +
    + ); } diff --git a/components/table/informasi-sertamerta.tsx b/components/table/informasi-sertamerta.tsx index 1c86155..d2832df 100644 --- a/components/table/informasi-sertamerta.tsx +++ b/components/table/informasi-sertamerta.tsx @@ -1,161 +1,197 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; export default function InformasiSertaMerta() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const filters = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    Informasi Serta Merta
    -
    - - Beranda - Informasi Publik - Informasi Serta Merta - -
    -
    -
    Informasi Publik Tersedia Serta Merta
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - B. Informasi mengenai keamanan dan ketertiban masyarakat terutama yang berpotensi kerusuhan massa. - - - C. Informasi terkait bencana alam yang berdampak luas. - - - D. Informasi tentang pristiwa yang meresahkan masyarakat. - - - E. Kecelakaan moda transportasi yang menarik perhatian masyarakat. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - -
    -
    -
    -
    -
    -
    - -
    + const filters = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    Informasi Serta Merta
    +
    + + Beranda + Informasi Publik + Informasi Serta Merta + +
    +
    +
    + Informasi Publik Tersedia Serta Merta
    -
    - +
    + {searchInput} + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + + B. Informasi mengenai keamanan dan ketertiban masyarakat + terutama yang berpotensi kerusuhan massa.{" "} + + + + + + C. Informasi terkait bencana alam yang berdampak luas.{" "} + + + + + + D. Informasi tentang pristiwa yang meresahkan + masyarakat. + + + + + E. Kecelakaan moda transportasi yang menarik perhatian + masyarakat. + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + +
    +
    +
    +
    - ) +
    +
    +
    + +
    +
    + ); } diff --git a/components/table/informasi-setiap-saat.tsx b/components/table/informasi-setiap-saat.tsx index bfbf419..04e48ff 100644 --- a/components/table/informasi-setiap-saat.tsx +++ b/components/table/informasi-setiap-saat.tsx @@ -1,238 +1,352 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; export default function InformasiSetiapSaat() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const animals = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    Informasi Setiap Saat
    -
    - - Beranda - Informasi Publik - Informasi Setiap Saat - -
    -
    -
    Informasi Publik Tersedia Setiap Saat
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - B. Informasi mengenai keamanan dan ketertiban masyarakat terutama yang berpotensi kerusuhan massa. - - - C. Informasi terkait bencana alam yang berdampak luas. - - - D. Informasi tentang pristiwa yang meresahkan masyarakat. - - - E. Kecelakaan moda transportasi yang menarik perhatian masyarakat. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - -
    -
    -
    -
    -
    -
    - -
    + const animals = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    Informasi Setiap Saat
    +
    + + Beranda + Informasi Publik + Informasi Setiap Saat + +
    +
    +
    + Informasi Publik Tersedia Setiap Saat
    -
    - +
    + {searchInput} + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + + B. Informasi mengenai keamanan dan ketertiban masyarakat + terutama yang berpotensi kerusuhan massa.{" "} + + + + + + C. Informasi terkait bencana alam yang berdampak luas.{" "} + + + + + + D. Informasi tentang pristiwa yang meresahkan + masyarakat. + + + + + E. Kecelakaan moda transportasi yang menarik perhatian + masyarakat. + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + +
    +
    +
    +
    - ) +
    +
    +
    + +
    +
    + ); } diff --git a/components/table/penerangan-satuan.tsx b/components/table/penerangan-satuan.tsx index 0b0661c..1b822de 100644 --- a/components/table/penerangan-satuan.tsx +++ b/components/table/penerangan-satuan.tsx @@ -1,238 +1,352 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; export default function PeneranganSatuan() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const animals = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    Penerangan Satuan
    -
    - - Beranda - Informasi Publik - Informasi Penerangan Satuan - -
    -
    -
    Informasi Publik Tersedia Penerangan Satuan
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - B. Informasi mengenai keamanan dan ketertiban masyarakat terutama yang berpotensi kerusuhan massa. - - - C. Informasi terkait bencana alam yang berdampak luas. - - - D. Informasi tentang pristiwa yang meresahkan masyarakat. - - - E. Kecelakaan moda transportasi yang menarik perhatian masyarakat. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - -
    -
    -
    -
    -
    -
    - -
    + const animals = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    Penerangan Satuan
    +
    + + Beranda + Informasi Publik + Informasi Penerangan Satuan + +
    +
    +
    + Informasi Publik Tersedia Penerangan Satuan
    -
    - +
    + {searchInput} + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + + B. Informasi mengenai keamanan dan ketertiban masyarakat + terutama yang berpotensi kerusuhan massa.{" "} + + + + + + C. Informasi terkait bencana alam yang berdampak luas.{" "} + + + + + + D. Informasi tentang pristiwa yang meresahkan + masyarakat. + + + + + E. Kecelakaan moda transportasi yang menarik perhatian + masyarakat. + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + +
    +
    +
    +
    - ) +
    +
    +
    + +
    +
    + ); } diff --git a/components/table/tabel-emajalah-polri.tsx b/components/table/tabel-emajalah-polri.tsx index 7e324a9..d64bfff 100644 --- a/components/table/tabel-emajalah-polri.tsx +++ b/components/table/tabel-emajalah-polri.tsx @@ -1,203 +1,229 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@nextui-org/react"; +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; import Link from "next/link"; -import SidebarNav from "../Landing Page/SidebarNav"; -import { EyeFilledIcon, SearchIcon } from '../icons'; - +import SidebarNav from "../landing/SidebarNav"; +import { EyeFilledIcon, SearchIcon } from "../icons"; export default function ListEnewsPolri() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const tableData = [ - { - key: "1", - tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", - icon: - }, - { - key: "2", - tahun: "Tribrata Edisi 1 2023", - icon: - }, - { - key: "3", - tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", - icon: - }, - { - key: "4", - tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", - icon: - }, - { - key: "5", - tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", - icon: - }, - ]; + const tableData = [ + { + key: "1", + tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", + icon: , + }, + { + key: "2", + tahun: "Tribrata Edisi 1 2023", + icon: , + }, + { + key: "3", + tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", + icon: , + }, + { + key: "4", + tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", + icon: , + }, + { + key: "5", + tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023", + icon: , + }, + ]; - const header = [ - { - key: "tahun", - label: "Daftar E-Majalah Polri", - }, - { - key: "icon", - label: '' - } - ] + const header = [ + { + key: "tahun", + label: "Daftar E-Majalah Polri", + }, + { + key: "icon", + label: "", + }, + ]; - const category = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    E-Majalah Polri
    -
    - - Beranda - E-Majalah Polri - -
    -
    -
    E-majalah Polri
    -
    - {searchInput} - - -
    -
    -
    - - - {(column) => {column.label}} - - - {(item) => ( - - {item.tahun} - - {item.icon} - - - )} - -
    -
    -
    -
    -
    + const category = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    E-Majalah Polri
    +
    + + Beranda + E-Majalah Polri + +
    +
    +
    + E-majalah Polri
    -
    - +
    + {searchInput} + +
    +
    +
    + + + {(column) => ( + + {column.label} + + )} + + + {(item) => ( + + {item.tahun} + + + {item.icon} + + + + )} + +
    +
    +
    +
    - ) +
    +
    + +
    +
    + ); } diff --git a/components/table/uu-peraturan.tsx b/components/table/uu-peraturan.tsx index 702afbc..8ddc69a 100644 --- a/components/table/uu-peraturan.tsx +++ b/components/table/uu-peraturan.tsx @@ -1,238 +1,352 @@ -'use client' -import { BreadcrumbItem, Breadcrumbs, Button, 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'; - +"use client"; +import { + BreadcrumbItem, + Breadcrumbs, + Button, + Input, + Select, + SelectItem, + SelectSection, + Table, + TableBody, + TableCell, + TableColumn, + TableHeader, + TableRow, +} from "@nextui-org/react"; +import { EyeFilledIcon, SearchIcon } from "../icons"; +import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar"; export default function UUPeraturan() { - const searchInput = ( - - } - endContent={ - - } - type="search" - /> - ) + const searchInput = ( + + } + endContent={ + + } + type="search" + /> + ); - const animals = [ - { label: "Title", value: "title" }, - { label: "Date", value: "date" }, - { label: "Created At", value: "createdAt" }, - ]; - return ( -
    -
    -
    -
    UU & Peraturan
    -
    - - Beranda - Informasi Publik - UU & Peraturan - -
    -
    -
    Informasi Publik Tersedia UU & Peraturan
    -
    - {searchInput} - - -
    -
    -
    - - - DAFTAR INFORMASI PUBLIK - - - - A. Informasi terkait unjuk rasa terutama yang berpotensi anarkis. - - - B. Informasi mengenai keamanan dan ketertiban masyarakat terutama yang berpotensi kerusuhan massa. - - - C. Informasi terkait bencana alam yang berdampak luas. - - - D. Informasi tentang pristiwa yang meresahkan masyarakat. - - - E. Kecelakaan moda transportasi yang menarik perhatian masyarakat. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - - F. Informasi tentang ancaman/peristiwa peledakan bom. - - -
    -
    -
    -
    -
    -
    - -
    + const animals = [ + { label: "Title", value: "title" }, + { label: "Date", value: "date" }, + { label: "Created At", value: "createdAt" }, + ]; + return ( +
    +
    +
    +
    UU & Peraturan
    +
    + + Beranda + Informasi Publik + UU & Peraturan + +
    +
    +
    + Informasi Publik Tersedia UU & Peraturan
    -
    - +
    + {searchInput} + +
    +
    +
    + + + + DAFTAR INFORMASI PUBLIK + + + + + + A. Informasi terkait unjuk rasa terutama yang berpotensi + anarkis. + + + + + B. Informasi mengenai keamanan dan ketertiban masyarakat + terutama yang berpotensi kerusuhan massa.{" "} + + + + + + C. Informasi terkait bencana alam yang berdampak luas.{" "} + + + + + + D. Informasi tentang pristiwa yang meresahkan + masyarakat. + + + + + E. Kecelakaan moda transportasi yang menarik perhatian + masyarakat. + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + + + F. Informasi tentang ancaman/peristiwa peledakan bom.{" "} + + + + +
    +
    +
    +
    - ) +
    +
    +
    + +
    +
    + ); } diff --git a/components/ui/social-media/facebook.tsx b/components/ui/social-media/facebook.tsx new file mode 100644 index 0000000..d4cb3b3 --- /dev/null +++ b/components/ui/social-media/facebook.tsx @@ -0,0 +1,25 @@ +import { useEffect } from "react"; + +const FacebookWidget = () => { + useEffect(() => { + if (typeof window !== "undefined") { + const script = document.createElement("script"); + script.src = "https://embedsocial.com/cdn/ht.js"; + script.async = true; + document.head.appendChild(script); + + return () => { + document.head.removeChild(script); + }; + } + }, []); + + return ( +
    + ); +}; + +export default FacebookWidget; diff --git a/components/SocialMedia/GprKominfo.tsx b/components/ui/social-media/gpr-kominfo.tsx similarity index 100% rename from components/SocialMedia/GprKominfo.tsx rename to components/ui/social-media/gpr-kominfo.tsx diff --git a/components/SocialMedia/Instagram.tsx b/components/ui/social-media/instagram.tsx similarity index 100% rename from components/SocialMedia/Instagram.tsx rename to components/ui/social-media/instagram.tsx diff --git a/components/SocialMedia/Tiktok.tsx b/components/ui/social-media/tiktok.tsx similarity index 100% rename from components/SocialMedia/Tiktok.tsx rename to components/ui/social-media/tiktok.tsx diff --git a/components/SocialMedia/Twitter.tsx b/components/ui/social-media/twitter.tsx similarity index 100% rename from components/SocialMedia/Twitter.tsx rename to components/ui/social-media/twitter.tsx diff --git a/components/SocialMedia/Facebook.tsx b/components/ui/social-media/youtube.tsx similarity index 100% rename from components/SocialMedia/Facebook.tsx rename to components/ui/social-media/youtube.tsx diff --git a/package-lock.json b/package-lock.json index edf8ed5..650d92f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -32,6 +32,7 @@ "autoprefixer": "10.4.16", "axios": "^1.6.8", "clsx": "^2.0.0", + "dayjs": "^1.11.13", "eslint": "8.48.0", "eslint-config-next": "14.0.2", "framer-motion": "^10.18.0", @@ -3361,10 +3362,9 @@ } }, "node_modules/dayjs": { - "version": "1.11.10", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz", - "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==", - "peer": true + "version": "1.11.13", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz", + "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==" }, "node_modules/debug": { "version": "4.3.4", diff --git a/package.json b/package.json index 7208f3b..4651baf 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ "autoprefixer": "10.4.16", "axios": "^1.6.8", "clsx": "^2.0.0", + "dayjs": "^1.11.13", "eslint": "8.48.0", "eslint-config-next": "14.0.2", "framer-motion": "^10.18.0",