fix:navbar desktop
This commit is contained in:
Rama Priyanto
parent
6b0ee4cce5
commit
be6a09a35a
|
|
@ -4,14 +4,14 @@ import React from "react";
|
||||||
export default function BannerHumas() {
|
export default function BannerHumas() {
|
||||||
const t = useTranslations("Banner");
|
const t = useTranslations("Banner");
|
||||||
return (
|
return (
|
||||||
<div className="bg-white relative text-white">
|
<div className="h-fit relative text-white mt-[-130px]">
|
||||||
<img
|
<img
|
||||||
src="headerbanner1.png"
|
src="headerbanner1.png"
|
||||||
alt="humasbanner"
|
alt="humasbanner"
|
||||||
className="w-full relative bottom-0 md:bottom-10"
|
className="w-full relative"
|
||||||
/>
|
/>
|
||||||
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-full md:w-[75%]">
|
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center w-full md:w-[75%]">
|
||||||
<p className="text-sm lg:text-4xl font-bold pb-1 md:pb-5">
|
<p className="text-sm lg:text-[42px] lg:leading-10 font-bold pb-1 md:pb-5">
|
||||||
{t("jumbotron")}
|
{t("jumbotron")}
|
||||||
</p>
|
</p>
|
||||||
<p className="text-xs md:text-medium">{`"${t("phrase")}"`}</p>
|
<p className="text-xs md:text-medium">{`"${t("phrase")}"`}</p>
|
||||||
|
|
|
||||||
|
|
@ -56,6 +56,7 @@ interface DropdownOpenState {
|
||||||
|
|
||||||
export default function NavbarHumas() {
|
export default function NavbarHumas() {
|
||||||
const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({});
|
const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({});
|
||||||
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const t = useTranslations("Navbar");
|
const t = useTranslations("Navbar");
|
||||||
const token = Cookies.get("access_token");
|
const token = Cookies.get("access_token");
|
||||||
|
|
@ -86,13 +87,13 @@ export default function NavbarHumas() {
|
||||||
|
|
||||||
const searchInput = (
|
const searchInput = (
|
||||||
<Input
|
<Input
|
||||||
aria-label="Search"
|
aria-label="search"
|
||||||
classNames={{
|
classNames={{
|
||||||
inputWrapper: "bg-default-100",
|
inputWrapper: "bg-default-100",
|
||||||
input: "text-sm",
|
input: "text-sm",
|
||||||
}}
|
}}
|
||||||
labelPlacement="outside"
|
labelPlacement="outside"
|
||||||
placeholder="Search..."
|
placeholder={t("search")}
|
||||||
startContent={
|
startContent={
|
||||||
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
|
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
|
||||||
}
|
}
|
||||||
|
|
@ -104,22 +105,12 @@ export default function NavbarHumas() {
|
||||||
isBordered
|
isBordered
|
||||||
maxWidth="full"
|
maxWidth="full"
|
||||||
height="8rem"
|
height="8rem"
|
||||||
className="dark:bg-[#1F1A17]"
|
className="backdrop-opacity-10"
|
||||||
|
classNames={{ wrapper: "px-0" }}
|
||||||
>
|
>
|
||||||
<div className="w-full h-full flex">
|
<div className="w-full h-full flex">
|
||||||
<div className="min-w-max md:w-1/12 flex items-center justify-center">
|
<div className="w-full hidden md:flex flex-col pt-3">
|
||||||
<Link href={"/"}>
|
<div className="flex items-center justify-end gap-1 md:gap-5 px-[50px]">
|
||||||
<Image
|
|
||||||
height={100}
|
|
||||||
width={100}
|
|
||||||
src="/logohumas.png"
|
|
||||||
alt="logo"
|
|
||||||
className="min-w-max"
|
|
||||||
/>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="w-auto md:w-11/12 hidden md:flex flex-col justify-cente pt-3 space-y-3">
|
|
||||||
<div className="flex items-center justify-end gap-1 md:gap-5">
|
|
||||||
<div className="flex gap-1 lg:gap-3 items-center">
|
<div className="flex gap-1 lg:gap-3 items-center">
|
||||||
<Link
|
<Link
|
||||||
href="https://www.facebook.com/DivHumasPolri?_rdc=1&_rdr"
|
href="https://www.facebook.com/DivHumasPolri?_rdc=1&_rdr"
|
||||||
|
|
@ -148,257 +139,6 @@ export default function NavbarHumas() {
|
||||||
>
|
>
|
||||||
<TtIcon />
|
<TtIcon />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
|
||||||
<a
|
|
||||||
className="cursor-pointer"
|
|
||||||
onClick={() =>
|
|
||||||
language === "id" ? setLanguage("en") : setLanguage("id")
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{language === "id" ? <IdnIcon /> : <UKIcon />}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div className="flex flex-wrap items-center justify-around ">
|
|
||||||
<Link href={"/"}>
|
|
||||||
<div>{t("beranda")}</div>
|
|
||||||
</Link>
|
|
||||||
<div>
|
|
||||||
<Dropdown className=" dark:bg-[#1F1A17]">
|
|
||||||
<NavbarItem>
|
|
||||||
<DropdownTrigger>
|
|
||||||
<Button
|
|
||||||
disableRipple
|
|
||||||
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
|
||||||
radius="sm"
|
|
||||||
variant="light"
|
|
||||||
endContent={<ChevronDownIcon className="pt-1" />}
|
|
||||||
>
|
|
||||||
{t("tentang")}
|
|
||||||
</Button>
|
|
||||||
</DropdownTrigger>
|
|
||||||
</NavbarItem>
|
|
||||||
<DropdownMenu
|
|
||||||
// aria-label="tentang"
|
|
||||||
title={t("tentang")}
|
|
||||||
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]",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="/static/humas-polri"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
{t("tentang")} Humas POLRI
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="/static/profile-kapolri"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
{t("profilPimpinan")}
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="/static/struktur-mabes"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
{t("strukturOrganisasi")}
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="/static/visi-misi-polri"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
{t("visi")} & {t("misi")}
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="/static/tugas-dan-fungsi-polri"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
{t("tugas")} & {t("fungsi")}
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link href="/static/logo" className="flex justify-between">
|
|
||||||
Logo
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
{/* <Link href="http://103.82.242.92:5555/" target="_blank">
|
|
||||||
Portal PPID
|
|
||||||
</Link> */}
|
|
||||||
<Link href="http://siberpresisi.com/" target="_blank">
|
|
||||||
Portal PPID
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<Dropdown className="dark:bg-[#1F1A17]">
|
|
||||||
<NavbarItem>
|
|
||||||
<DropdownTrigger>
|
|
||||||
<Button
|
|
||||||
disableRipple
|
|
||||||
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
|
||||||
radius="sm"
|
|
||||||
variant="light"
|
|
||||||
endContent={<ChevronDownIcon className="pt-1" />}
|
|
||||||
>
|
|
||||||
{t("pelayananMasyarakat")}
|
|
||||||
</Button>
|
|
||||||
</DropdownTrigger>
|
|
||||||
</NavbarItem>
|
|
||||||
<DropdownMenu
|
|
||||||
aria-label="pelayanan-masyarakat"
|
|
||||||
title="pelayanan-masyarakat"
|
|
||||||
className="pt-4"
|
|
||||||
classNames={{
|
|
||||||
list: "gap-2 flex flex-row flex-wrap",
|
|
||||||
}}
|
|
||||||
itemClasses={{
|
|
||||||
base: "w-[350px]",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href={"/form-permohonan-informasi"}
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Formulir Permohonan Informasi
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://www.digitalkorlantas.id/sim/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan SIM
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://erikkes.id/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan e-Rikkes SIM
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://eppsi.id/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan Test Psikologi SIM
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://e-avis.korlantas.polri.go.id/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan e-Arvis
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://samsatdigital.id/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan Samsat Digital
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</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>
|
|
||||||
<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>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://dumaspresisi.polri.go.id/"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan Dumas Presisi
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</DropdownItem>
|
|
||||||
<DropdownItem>
|
|
||||||
<Link
|
|
||||||
href="https://bos.polri.go.id/login"
|
|
||||||
target="_blank"
|
|
||||||
className="flex justify-between"
|
|
||||||
>
|
|
||||||
Pelayanan Binmas
|
|
||||||
<ChevronRightIcon />
|
|
||||||
</Link>
|
|
||||||
</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>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<Link href={"/kontak-kami"}>{t("kontak")}</Link>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-3">
|
|
||||||
<div className="hidden lg:block">{searchInput}</div>
|
|
||||||
<div>
|
|
||||||
<ThemeSwitch />
|
|
||||||
</div>
|
|
||||||
{token ? (
|
{token ? (
|
||||||
// <Button className="bg-[#DD8306]" onPress={onLogout}>
|
// <Button className="bg-[#DD8306]" onPress={onLogout}>
|
||||||
// Logout
|
// Logout
|
||||||
|
|
@ -428,11 +168,519 @@ export default function NavbarHumas() {
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
) : (
|
) : (
|
||||||
<Link href="/auth">
|
<Link href="/auth">
|
||||||
<Button className="bg-[#DD8306] text-white">Login</Button>
|
<Button
|
||||||
|
variant="bordered"
|
||||||
|
className="font-bold text-black border-black dark:border-white dark:text-white px-0 pl-2 rounded-md py-0"
|
||||||
|
endContent={<ChevronRightIcon />}
|
||||||
|
>
|
||||||
|
{t("masuk")}
|
||||||
|
</Button>
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
className={`flex flex-wrap items-center justify-between px-[50px] ${
|
||||||
|
isOpen ? "bg-white dark:bg-[#1F1A17]" : "bg-transparent"
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<Link href={"/"}>
|
||||||
|
<img src="/logohumas.png" alt="logo" className="w-[75px]" />
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Dropdown
|
||||||
|
className="bg-white dark:bg-[#1F1A17] "
|
||||||
|
radius="none"
|
||||||
|
classNames={{ base: "shadow-none" }}
|
||||||
|
onOpenChange={(state) => setIsOpen(state)}
|
||||||
|
>
|
||||||
|
<NavbarItem>
|
||||||
|
<DropdownTrigger>
|
||||||
|
<Button
|
||||||
|
disableRipple
|
||||||
|
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
radius="sm"
|
||||||
|
variant="light"
|
||||||
|
endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
>
|
||||||
|
{t("pelayananMasyarakat")}
|
||||||
|
</Button>
|
||||||
|
</DropdownTrigger>
|
||||||
|
</NavbarItem>
|
||||||
|
<DropdownMenu
|
||||||
|
aria-label="pelayanan-masyarakat"
|
||||||
|
title="pelayanan-masyarakat"
|
||||||
|
className="pt-4"
|
||||||
|
classNames={{
|
||||||
|
list: "gap-2 flex flex-row flex-wrap",
|
||||||
|
}}
|
||||||
|
itemClasses={{
|
||||||
|
base: "w-[350px]",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href={"/form-permohonan-informasi"}
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Formulir Permohonan Informasi
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://www.digitalkorlantas.id/sim/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan SIM
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://erikkes.id/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan e-Rikkes SIM
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://eppsi.id/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan Test Psikologi SIM
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://e-avis.korlantas.polri.go.id/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan e-Arvis
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://samsatdigital.id/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan Samsat Digital
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://dumaspresisi.polri.go.id/"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan Dumas Presisi
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="https://bos.polri.go.id/login"
|
||||||
|
target="_blank"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
Pelayanan Binmas
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</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>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Dropdown>
|
||||||
|
<Dropdown
|
||||||
|
className=" dark:bg-[#1F1A17]"
|
||||||
|
onOpenChange={(state) => setIsOpen(state)}
|
||||||
|
>
|
||||||
|
<NavbarItem>
|
||||||
|
<DropdownTrigger>
|
||||||
|
<Button
|
||||||
|
disableRipple
|
||||||
|
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
radius="sm"
|
||||||
|
variant="light"
|
||||||
|
endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
>
|
||||||
|
{t("informasi_publik")}
|
||||||
|
</Button>
|
||||||
|
</DropdownTrigger>
|
||||||
|
</NavbarItem>
|
||||||
|
<DropdownMenu
|
||||||
|
// aria-label="tentang"
|
||||||
|
title={t("tentang")}
|
||||||
|
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]",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/humas-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tentang")} Humas POLRI
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/profile-kapolri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("profilPimpinan")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/struktur-mabes"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("strukturOrganisasi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/visi-misi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("visi")} & {t("misi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/tugas-dan-fungsi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tugas")} & {t("fungsi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link href="/static/logo" className="flex justify-between">
|
||||||
|
Logo
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Dropdown>
|
||||||
|
<Dropdown
|
||||||
|
className=" dark:bg-[#1F1A17]"
|
||||||
|
onOpenChange={(state) => setIsOpen(state)}
|
||||||
|
>
|
||||||
|
<NavbarItem>
|
||||||
|
<DropdownTrigger>
|
||||||
|
<Button
|
||||||
|
disableRipple
|
||||||
|
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
radius="sm"
|
||||||
|
variant="light"
|
||||||
|
endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
>
|
||||||
|
{t("publikasi")}
|
||||||
|
</Button>
|
||||||
|
</DropdownTrigger>
|
||||||
|
</NavbarItem>
|
||||||
|
<DropdownMenu
|
||||||
|
// aria-label="tentang"
|
||||||
|
title={t("tentang")}
|
||||||
|
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]",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/humas-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tentang")} Humas POLRI
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/profile-kapolri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("profilPimpinan")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/struktur-mabes"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("strukturOrganisasi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/visi-misi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("visi")} & {t("misi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/tugas-dan-fungsi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tugas")} & {t("fungsi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link href="/static/logo" className="flex justify-between">
|
||||||
|
Logo
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Dropdown>
|
||||||
|
<Dropdown
|
||||||
|
className=" dark:bg-[#1F1A17]"
|
||||||
|
onOpenChange={(state) => setIsOpen(state)}
|
||||||
|
>
|
||||||
|
<NavbarItem>
|
||||||
|
<DropdownTrigger>
|
||||||
|
<Button
|
||||||
|
disableRipple
|
||||||
|
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
radius="sm"
|
||||||
|
variant="light"
|
||||||
|
endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
>
|
||||||
|
{t("tentang")}
|
||||||
|
</Button>
|
||||||
|
</DropdownTrigger>
|
||||||
|
</NavbarItem>
|
||||||
|
<DropdownMenu
|
||||||
|
// aria-label="tentang"
|
||||||
|
title={t("tentang")}
|
||||||
|
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]",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/humas-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tentang")} Humas POLRI
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/profile-kapolri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("profilPimpinan")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/struktur-mabes"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("strukturOrganisasi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/visi-misi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("visi")} & {t("misi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/tugas-dan-fungsi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tugas")} & {t("fungsi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link href="/static/logo" className="flex justify-between">
|
||||||
|
Logo
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Dropdown>
|
||||||
|
<Dropdown
|
||||||
|
className=" dark:bg-[#1F1A17]"
|
||||||
|
onOpenChange={(state) => setIsOpen(state)}
|
||||||
|
>
|
||||||
|
<NavbarItem>
|
||||||
|
<DropdownTrigger>
|
||||||
|
<Button
|
||||||
|
disableRipple
|
||||||
|
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
radius="sm"
|
||||||
|
variant="light"
|
||||||
|
endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
>
|
||||||
|
{t("aplikasi_terkait")}
|
||||||
|
</Button>
|
||||||
|
</DropdownTrigger>
|
||||||
|
</NavbarItem>
|
||||||
|
<DropdownMenu
|
||||||
|
// aria-label="tentang"
|
||||||
|
title={t("tentang")}
|
||||||
|
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]",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/humas-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tentang")} Humas POLRI
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/profile-kapolri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("profilPimpinan")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/struktur-mabes"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("strukturOrganisasi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/visi-misi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("visi")} & {t("misi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link
|
||||||
|
href="/static/tugas-dan-fungsi-polri"
|
||||||
|
className="flex justify-between"
|
||||||
|
>
|
||||||
|
{t("tugas")} & {t("fungsi")}
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
<DropdownItem>
|
||||||
|
<Link href="/static/logo" className="flex justify-between">
|
||||||
|
Logo
|
||||||
|
<ChevronRightIcon />
|
||||||
|
</Link>
|
||||||
|
</DropdownItem>
|
||||||
|
</DropdownMenu>
|
||||||
|
</Dropdown>
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<div className="hidden lg:block">{searchInput}</div>
|
||||||
|
|
||||||
|
<a
|
||||||
|
className="cursor-pointer"
|
||||||
|
onClick={() =>
|
||||||
|
language === "id" ? setLanguage("en") : setLanguage("id")
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{language === "id" ? <IdnIcon /> : <UKIcon />}
|
||||||
|
</a>
|
||||||
|
<div>
|
||||||
|
<ThemeSwitch />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||||
<ThemeSwitch />
|
<ThemeSwitch />
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,12 @@
|
||||||
"strukturOrganisasi": "Organizational Structure",
|
"strukturOrganisasi": "Organizational Structure",
|
||||||
"profilPimpinan": "Profile of The Police Leader",
|
"profilPimpinan": "Profile of The Police Leader",
|
||||||
"tugas": "Duties",
|
"tugas": "Duties",
|
||||||
"fungsi": "Functions"
|
"fungsi": "Functions",
|
||||||
|
"aplikasi_terkait": "Related Apps",
|
||||||
|
"publikasi": "Publication",
|
||||||
|
"informasi_publik": "Public Information",
|
||||||
|
"search": "Search...",
|
||||||
|
"masuk": "Login"
|
||||||
},
|
},
|
||||||
"Banner": {
|
"Banner": {
|
||||||
"jumbotron": "TRANSPARENCY, PARTICIPATION, AND THE BEST SERVICES FROM POLRI FOR INDONESIA",
|
"jumbotron": "TRANSPARENCY, PARTICIPATION, AND THE BEST SERVICES FROM POLRI FOR INDONESIA",
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,12 @@
|
||||||
"strukturOrganisasi": "Struktur Organisasi",
|
"strukturOrganisasi": "Struktur Organisasi",
|
||||||
"profilPimpinan": "Profil Pimpinan Polri",
|
"profilPimpinan": "Profil Pimpinan Polri",
|
||||||
"tugas": "Tugas",
|
"tugas": "Tugas",
|
||||||
"fungsi": "Fungsi"
|
"fungsi": "Fungsi",
|
||||||
|
"aplikasi_terkait": "Aplikasi Terkait",
|
||||||
|
"publikasi": "Publikasi",
|
||||||
|
"informasi_publik": "Informasi Publik",
|
||||||
|
"search": "Pencarian...",
|
||||||
|
"masuk": "Masuk"
|
||||||
},
|
},
|
||||||
"Banner": {
|
"Banner": {
|
||||||
"jumbotron": "TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK INDONESIA",
|
"jumbotron": "TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK INDONESIA",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue