fix :navbar icon

This commit is contained in:
Rama Priyanto 2024-12-17 16:50:00 +07:00
parent be6a09a35a
commit 34434b84d4
2 changed files with 536 additions and 151 deletions

View File

@ -184,7 +184,7 @@ export default function MedolUpdate() {
</Link>
</div>
</Tab>
<Tab key="inp" title="Indonesia Nasional Police Update">
{/* <Tab key="inp" title="Indonesia Nasional Police Update">
<Swiper
navigation={true}
modules={[Navigation, Pagination]}
@ -231,7 +231,7 @@ export default function MedolUpdate() {
</Button>
</a>
</div>
</Tab>
</Tab> */}
<Tab key="polritv" title="Polri TV Update">
<div className="w-full">
<div className="w-[40%] mx-auto">

View File

@ -215,117 +215,216 @@ export default function NavbarHumas() {
list: "gap-2 flex flex-row flex-wrap",
}}
itemClasses={{
base: "w-[350px]",
base: "w-[450px]",
}}
>
<DropdownItem>
<Link
href={"/form-permohonan-informasi"}
className="flex justify-between"
>
Formulir Permohonan Informasi
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://sp2hp.bareskrim.polri.go.id/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at4.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">SP2HP</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Surat Pemberitahuan Perkembangan Hasil
Penyidikan Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://www.digitalkorlantas.id/sim/"
target="_blank"
className="flex justify-between"
>
Pelayanan SIM
<ChevronRightIcon />
</Link>
<div className="flex flex-row gap-2">
<img src="pm2.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">
Formulir Permohonan Informasi
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Permohonan Formulir Informasi
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://erikkes.id/"
target="_blank"
className="flex justify-between"
>
Pelayanan e-Rikkes SIM
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://www.digitalkorlantas.id/sim/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm3.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Pelayanan SIM</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Untuk Pendaftaran SIM dan Perpanjangan SIM
Berbasis Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://eppsi.id/"
target="_blank"
className="flex justify-between"
>
Pelayanan Test Psikologi SIM
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() => window.open("https://erikkes.id/", "_blank")}
>
<div className="flex flex-row gap-2">
<img src="pm4.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">
Pelayanan e-Rikkes SIM
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Pemeriksaan Kesehatan Berbasis Teknologi
Berbasis Online Dalam Proses Penerbitan SIM
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://e-avis.korlantas.polri.go.id/"
target="_blank"
className="flex justify-between"
>
Pelayanan e-Arvis
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() => window.open("https://eppsi.id/", "_blank")}
>
<div className="flex flex-row gap-2">
<img src="pm5.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">
Pelayanan Test Psikologi SIM
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Pembuatan Test Psikologi SIM Berbasis Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://samsatdigital.id/"
target="_blank"
className="flex justify-between"
>
Pelayanan Samsat Digital
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://e-avis.korlantas.polri.go.id/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm6.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Pelayanan e-Avis</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Ujian Teori SIM Berbasis Online{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US"
target="_blank"
className="flex justify-between"
>
Pelayanan SKCK
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open("https://samsatdigital.id/", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm7.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Pelayanan Samsat Digital
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Samsat Berbasis Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam"
target="_blank"
className="flex justify-between"
>
Pelayanan Propam Presisi
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open("https://skck.polri.go.id/", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm8.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Pelayanan SKCK</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Pembuatan SKCK Berbasis Online{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://dumaspresisi.polri.go.id/"
target="_blank"
className="flex justify-between"
>
Pelayanan Dumas Presisi
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam&pli=1",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm9.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Pelayanan Propam Presisi
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Untuk Masyarakat Agar Mudah Melaporkan Sesuatu
Kejadian atau Kejahatan{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://bos.polri.go.id/login"
target="_blank"
className="flex justify-between"
>
Pelayanan Binmas
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open("https://dumaspresisi.polri.go.id/", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm10.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Pelayanan Dumas Presisi{" "}
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Layanan Pengaduan Masyarakat Terintegrasi Berbasis
Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2"
target="_blank"
className="flex justify-between"
>
Whistle Blower System
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open("https://bos.polri.go.id/login", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm11.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Pelayanan Binmas </p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Berbasis Website Sistem Informasi Satpam
Online, BUJP, Pelaporan Binmas
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm12.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Clean & Clear Polri{" "}
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pelayanan Berbasis Aplikasi untuk Pengaduan Penerimaan
Anggota POLRI
</p>
</div>
</div>
</DropdownItem>
</DropdownMenu>
</Dropdown>
@ -599,69 +698,355 @@ export default function NavbarHumas() {
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
// aria-label="tentang"
title={t("tentang")}
aria-label="pelayanan-masyarakat"
title="pelayanan-masyarakat"
className="pt-4"
classNames={{
// base: "flex",
// list: "border-2 gap-2 flex flex-row flex-wrap"
list: "gap-2 flex flex-row flex-wrap",
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]",
base: "w-[450px]",
}}
>
<DropdownItem>
<Link
href="/static/humas-polri"
className="flex justify-between"
>
{t("tentang")} Humas POLRI
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US&gl=US",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at1.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Polri Super App</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Layanan Perpanjangan SIM, Pembayaran STNK,
Pengaduan Masyarakat
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="/static/profile-kapolri"
className="flex justify-between"
>
{t("profilPimpinan")}
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.mediahub.mediahub_mobile",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at2.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Media Hub</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Humas Polri dalam Data
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="/static/struktur-mabes"
className="flex justify-between"
>
{t("strukturOrganisasi")}
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=id.co.qlue.polisiku&hl=id&gl=ID",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at3.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Polisiku</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Membantu anggota Kepolisian untuk mengindetifikasi
masalah di lapangan{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="/static/visi-misi-polri"
className="flex justify-between"
>
{t("visi")} & {t("misi")}
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://sp2hp.bareskrim.polri.go.id/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at4.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">SP2HP</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Surat Pemberitahuan Perkembangan Hasil Penyidikan Online
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link
href="/static/tugas-dan-fungsi-polri"
className="flex justify-between"
>
{t("tugas")} & {t("fungsi")}
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.polritv",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at5.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Polri TV</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Humas Polri dalam Audio Visual
</p>
</div>
</div>
</DropdownItem>
<DropdownItem>
<Link href="/static/logo" className="flex justify-between">
Logo
<ChevronRightIcon />
</Link>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.polritv",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at6.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Polri Radio</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Humas Polri dalam Audio
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://e-avis.korlantas.polri.go.id/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm6.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">e-Avis</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Platform Ujian Teori SIM{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() => window.open("https://erikkes.id/", "_blank")}
>
<div className="flex flex-row gap-2">
<img src="pm4.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">e-Rikkes</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Pemeriksaan Kesehatan Berbassi Teknologi Secara Online
dalam Proses Penerbitan SIM
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() => window.open("https://eppsi.id/", "_blank")}
>
<div className="flex flex-row gap-2">
<img src="pm5.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">e-PPSI</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Tes Psikologis SIM Secara Online{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open("https://bos.polri.go.id/login", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm11.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">BOS </p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Sistem Informasi Satpam Online, BUJP, Pelaporan
Binmas
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=app.signal.id",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm7.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Signal</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Samsat Digital Nasional{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open("https://skck.polri.go.id/", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="pm8.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">SKCK Online</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Pembuatan SKCK Secara Online{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm9.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Propam Presisi</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Pelayanan Masyarakat untuk Melapor Secara Mudah
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at14.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Monitoring Presisi
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi Anggota Binmas dan Satpam Polda Metro Jaya
Melaporkan Tugas
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open("https://penerimaan.polri.go.id/", "_blank")
}
>
<div className="flex flex-row gap-2">
<img src="at15.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
SDM - Penerimaan POLRI
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Website untuk Memonitoring Penerimaan Anggota POLRI
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://pengaduan-penerimaan.polri.go.id/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="at16.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Whistle Blowing System{" "}
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Website untuk Pengaduan Penerimaan Anggota POLRI{" "}
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=com.admasolusi.monitoringpresisi",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm10.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">Dumas Presisi</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Website Layanan Pengaduan Masyarakat Terintegrasi
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm12.png" />
<div className="flex flex-col">
<p className="text-[16px] font-bold">
Clean and Clear POLRI{" "}
</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi untuk Memonitoring Penerimaan Angota POLRI
</p>
</div>
</div>
</DropdownItem>
<DropdownItem
onPress={() =>
window.open(
"https://www.digitalkorlantas.id/sim/",
"_blank"
)
}
>
<div className="flex flex-row gap-2">
<img src="pm3.png" />
<div className="flex flex-col px-2">
<p className="text-[16px] font-bold">Sinar</p>
<p className="text-ellipsis text-[12px] font-light overflow-hidden">
Aplikasi dan Website Pelayanan Pendaftaran dan
Perpanjangan SIM
</p>
</div>
</div>
</DropdownItem>
</DropdownMenu>
</Dropdown>