diff --git a/app/(admin)/admin/article/page.tsx b/app/(admin)/admin/article/page.tsx index 6f9f639..98c6ee8 100644 --- a/app/(admin)/admin/article/page.tsx +++ b/app/(admin)/admin/article/page.tsx @@ -25,15 +25,15 @@ export default function BasicPage() {
- - - - - - -
-
- ); + return ( +
+
+ + + + + + + + +
+
+ ); } diff --git a/app/(admin)/admin/master-user/page.tsx b/app/(admin)/admin/master-user/page.tsx index 5e3f452..b841829 100644 --- a/app/(admin)/admin/master-user/page.tsx +++ b/app/(admin)/admin/master-user/page.tsx @@ -10,7 +10,11 @@ export default function MasterUserPage() {
- diff --git a/app/(admin)/admin/static-page/page.tsx b/app/(admin)/admin/static-page/page.tsx index 1a64657..69442b9 100644 --- a/app/(admin)/admin/static-page/page.tsx +++ b/app/(admin)/admin/static-page/page.tsx @@ -10,7 +10,11 @@ export default function StaticPageGeneratorList() {
- diff --git a/components/form/login.tsx b/components/form/login.tsx index ff18874..d7304e4 100644 --- a/components/form/login.tsx +++ b/components/form/login.tsx @@ -9,6 +9,7 @@ import { close, error, loading } from "@/config/swal"; import { getProfile, postSignIn } from "@/service/master-user"; import { useRouter } from "next/navigation"; import { HumasLayout } from "../layout/humas-layout"; +import { Checkbox } from "@nextui-org/react"; export default function Login() { const router = useRouter(); @@ -100,114 +101,190 @@ export default function Login() { }; return ( - -
-
-
- Selamat Datang di Portal Resmi Humas Polri -
-
- { - setValUsername(e.target.value.trim()); - }} - onPaste={(e: any) => { - setValUsername(e.target.value.trim()); - }} - onCopy={(e: any) => { - setValUsername(e.target.value.trim()); - }} - /> -
-
- - {isVisible ? ( - - ) : ( - - )} - - } - type={isVisible ? "text" : "password"} - label="Password" - placeholder="Masukkan password anda" - variant="underlined" - onChange={(event) => setPassword(event.target.value)} - /> -
+ // + //
+ //
+ //
+ // Selamat Datang di Portal Resmi Humas Polri + //
+ //
+ // { + // setValUsername(e.target.value.trim()); + // }} + // onPaste={(e: any) => { + // setValUsername(e.target.value.trim()); + // }} + // onCopy={(e: any) => { + // setValUsername(e.target.value.trim()); + // }} + // /> + //
+ //
+ // + // {isVisible ? ( + // + // ) : ( + // + // )} + // + // } + // type={isVisible ? "text" : "password"} + // label="Password" + // placeholder="Masukkan password anda" + // variant="underlined" + // onChange={(event) => setPassword(event.target.value)} + // /> + //
-
- + //
+ //
+ // Don't have account? Register Now + //
+ //
+ // + // + // + //
+ //
+ //
+ // logo + //
+ //
+ // +
+
+ +
+
+

Login

+

Username

+ { + setValUsername(e.target.value.trim()); + }} + onPaste={(e: any) => { + setValUsername(e.target.value.trim()); + }} + onCopy={(e: any) => { + setValUsername(e.target.value.trim()); + }} + /> +

Password

+ - Login - -
-
- Don't have account? Register Now -
+ {isVisible ? ( + + ) : ( + + )} + + } + type={isVisible ? "text" : "password"} + label="" + placeholder="" + onChange={(event) => setPassword(event.target.value)} + /> +
- - - + Remember me
+ + Reset Password +
-
- logo + +
+ Don't have accout yet?{" "} + + New Account +
- +
); } diff --git a/components/icons.tsx b/components/icons.tsx index 14b24df..1c5bf34 100644 --- a/components/icons.tsx +++ b/components/icons.tsx @@ -286,12 +286,10 @@ export const NextUILogo: React.FC = (props) => { }; export const FbIcon: React.FC = (props) => { - const { width, height = 40 } = props; - return ( ( ( ( -
-
- - +
+
+ {/* */} + {/* */}
-
+
- ) + ); } // h-[3700px] diff --git a/components/landing/ENewsPolri.tsx b/components/landing/ENewsPolri.tsx index a40bcce..ae3fb96 100644 --- a/components/landing/ENewsPolri.tsx +++ b/components/landing/ENewsPolri.tsx @@ -25,7 +25,7 @@ export default function ENewsPolri() { return (
-

+

E-Majalah Polri

diff --git a/components/landing/HeaderNews.tsx b/components/landing/HeaderNews.tsx index 241d959..5dd7946 100644 --- a/components/landing/HeaderNews.tsx +++ b/components/landing/HeaderNews.tsx @@ -52,7 +52,7 @@ export default function HeaderNews() {
- {/*
- 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 index cacc421..4214f46 100644 --- a/components/landing/MediaSocial.tsx +++ b/components/landing/MediaSocial.tsx @@ -10,6 +10,7 @@ import { import TwitterWidget from "../ui/social-media/twitter"; import InstagramWidget from "../ui/social-media/instagram"; import FacebookWidget from "../ui/social-media/facebook"; +import YoutubeWidget from "../ui/social-media/youtube"; export default function MediaSocial() { // const [limitedData, setLimitedData] = useState([]); @@ -48,56 +49,18 @@ export default function MediaSocial() { "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

+

Twitter

Lihat Semua @@ -106,43 +69,12 @@ export default function MediaSocial() {
- {/* {dummyData.map((data: any) => ( -
-
-
- logo -
-
-

{data.division}

-

{data.username}

-
-
-
-
-

Follow

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

Instagram

+
+ +

Instagram

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

{data.division}

-

{data.username}

-
-
-
-
-

Lihat Profile

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

Facebook

Lihat Semua @@ -202,9 +103,9 @@ export default function MediaSocial() {
-
- - Tiktok +
+ +

Tiktok

Lihat Semua @@ -253,8 +154,8 @@ export default function MediaSocial() {
- - Youtube + +

Youtube

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

{data.division}

- -
-
-
-
- -
-
-
- {data.description} -
Lihat Selengkapnya -
-
-
- header -
-
-
- ))} */} +
+
diff --git a/components/landing/RegionalNews.tsx b/components/landing/RegionalNews.tsx index 0c937a9..7f72286 100644 --- a/components/landing/RegionalNews.tsx +++ b/components/landing/RegionalNews.tsx @@ -294,14 +294,17 @@ export default function RegionalNews() { // }, [list]); return ( -
-
- {t("beritaWilayah")} +
+
+

+ {" "} + {t("beritaWilayah")} +

-
-
+
+ {/*
-
+
*/}
{listPolda.map((item: any, index: any) => ( @@ -310,73 +313,79 @@ export default function RegionalNews() { className="w-[157px] h-[141px] flex flex-col items-center justify-evenly" > -

{item.title}

+

{item.title}

))}
-
+ {/*
-
+
*/}
-
+
- - - {(onClose) => ( - <> - - {t("beritaWilayah")} - - - {listPoldaAll.map((item: any, index: any) => ( -
- -
- -

- {item.title} -

-
- -
- ))} - - - - - - )} - -
+ + + {(onClose) => ( + <> + +
+

+ {" "} + {t("beritaWilayah")} +

+
+ + + {listPoldaAll.map((item: any, index: any) => ( +
+ +
+ +

+ {item.title} +

+
+ +
+ ))} + + + + + + )} + +
); } diff --git a/components/landing/SidebarNav.tsx b/components/landing/SidebarNav.tsx index 413c0b8..92c64ad 100644 --- a/components/landing/SidebarNav.tsx +++ b/components/landing/SidebarNav.tsx @@ -1,133 +1,350 @@ -import { Button, LinkIcon, ScrollShadow } from '@nextui-org/react' -import React from 'react' -import { EyeIcon } from '../icons' -import Image from 'next/image' -import Link from 'next/link' +"use client"; +import { Button, LinkIcon, ScrollShadow } from "@nextui-org/react"; +import React, { useState } from "react"; +import { EyeIcon } from "../icons"; +import Image from "next/image"; +import Link from "next/link"; export default function SidebarNav() { - return ( - <> -
-
- SERTIFIKAT ISO 9001:2015 -
-
- publikasi -
-
- 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

-
-
-

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 - + const [article, setArticle] = useState([]); + const [selectedTab, setSelectedTab] = useState("media"); -
-
-
Channel Humas Polri -
- - humas-polri - - - humas-polri - - - humas-polri - - - humas-polri - - - humas-polri - - - humas-polri - -
-
-
-
Info Eksternal
-
-
- -

Berita BPS

-

Berita terbaru dari Badan Pusat Statistika Indonesia

-

Pengumuman BPS

-

Pengumuman terbaru dari Badan Pusat Statistika Indonesia

-
-
- -

Berita KPU

-

Berita terbaru dari Komisi Pemilihan Umum Indonesia

-

Pengumuman KPU

-

Pengumuman terbaru dari Komisi Pemilihan Umum Indonesia

-
-
- -

Berita BAWASLU

-

Berita terbaru dari Badan Pengawas Pemilihan Umum Republik Indonesia

-

Pengumuman BAWASLU

-

Pengumuman terbaru dari Badan Pusat Statistika Indonesia

-
-
- -

Info KPAI

-

Informasi dan Berita terbaru dari Komisi Perlindungan Anak Indonesia

-
-
- -

INFO KOMNAS PEREMPUAN

-

Info dan Berita terbaru dari Komnas Perempuan Indonesia

-
-
- - ) + return ( + <> +
+ + {selectedTab === "media" ? ( +
+ +
+

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

+
+
+

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

+

21-07-2023 13:50

+

+ + 82 +

+
+ + +
+ ) : ( +
+ +
+ )} +

+ Pelayanan Informasi Publik +

+ + {/*
+ SERTIFIKAT ISO 9001:2015 +
+
+ publikasi +
*/} + + {/*
+ Publikasi +
+ publikasi + publikasi + + publikasi + + + publikasi + + publikasi + publikasi + + publikasi + +
+
*/} + {/*
+ Channel Humas Polri +
+ + humas-polri + + + humas-polri + + + humas-polri + + + humas-polri + + + humas-polri + + + humas-polri + +
+
*/} +
+

+ {" "} + Info Eksternal +

+
+
+ +

+ + Berita BPS + +

+

+ Berita terbaru dari Badan Pusat Statistika Indonesia +

+

+ + Pengumuman BPS + +

+

+ Pengumuman terbaru dari Badan Pusat Statistika Indonesia +

+
+
+ +

+ + Berita KPU + +

+

+ Berita terbaru dari Komisi Pemilihan Umum Indonesia +

+

+ + Pengumuman KPU + +

+

+ Pengumuman terbaru dari Komisi Pemilihan Umum Indonesia +

+
+
+ +

+ + Berita BAWASLU + +

+

+ Berita terbaru dari Badan Pengawas Pemilihan Umum Republik Indonesia +

+

+ + Pengumuman BAWASLU + +

+

+ Pengumuman terbaru dari Badan Pusat Statistika Indonesia +

+
+
+ +

+ + Info KPAI + +

+

+ Informasi dan Berita terbaru dari Komisi Perlindungan Anak Indonesia +

+
+
+ +

+ + INFO KOMNAS PEREMPUAN + +

+

+ Info dan Berita terbaru dari Komnas Perempuan Indonesia +

+
+
+ + ); } diff --git a/components/layout/sidebar/sidebar.tsx b/components/layout/sidebar/sidebar.tsx index 0cb9a51..8443f60 100644 --- a/components/layout/sidebar/sidebar.tsx +++ b/components/layout/sidebar/sidebar.tsx @@ -294,12 +294,19 @@ const Sidebar: React.FC = ({ updateSidebarData }) => { <> {isOpen ? ( -
*/} +
{list.icon} {isOpen && list.name}
diff --git a/components/ui/social-media/youtube.tsx b/components/ui/social-media/youtube.tsx index 253c4a8..1df0f81 100644 --- a/components/ui/social-media/youtube.tsx +++ b/components/ui/social-media/youtube.tsx @@ -1,29 +1,25 @@ -import { useEffect } from 'react'; - +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); - useEffect(() => { + return () => { + document.head.removeChild(script); + }; + } + }, []); - 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 ( -
- ); + return ( +
+ ); }; export default YoutubeWidget; - - diff --git a/public/pelayanan-informasi-publik.png b/public/pelayanan-informasi-publik.png new file mode 100644 index 0000000..a72cc9f Binary files /dev/null and b/public/pelayanan-informasi-publik.png differ