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() {
|
||||
const t = useTranslations("Banner");
|
||||
return (
|
||||
<div className="bg-white relative text-white">
|
||||
<div className="h-fit relative text-white mt-[-130px]">
|
||||
<img
|
||||
src="headerbanner1.png"
|
||||
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%]">
|
||||
<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")}
|
||||
</p>
|
||||
<p className="text-xs md:text-medium">{`"${t("phrase")}"`}</p>
|
||||
|
|
|
|||
|
|
@ -56,6 +56,7 @@ interface DropdownOpenState {
|
|||
|
||||
export default function NavbarHumas() {
|
||||
const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({});
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const router = useRouter();
|
||||
const t = useTranslations("Navbar");
|
||||
const token = Cookies.get("access_token");
|
||||
|
|
@ -86,13 +87,13 @@ export default function NavbarHumas() {
|
|||
|
||||
const searchInput = (
|
||||
<Input
|
||||
aria-label="Search"
|
||||
aria-label="search"
|
||||
classNames={{
|
||||
inputWrapper: "bg-default-100",
|
||||
input: "text-sm",
|
||||
}}
|
||||
labelPlacement="outside"
|
||||
placeholder="Search..."
|
||||
placeholder={t("search")}
|
||||
startContent={
|
||||
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
|
||||
}
|
||||
|
|
@ -104,22 +105,12 @@ export default function NavbarHumas() {
|
|||
isBordered
|
||||
maxWidth="full"
|
||||
height="8rem"
|
||||
className="dark:bg-[#1F1A17]"
|
||||
className="backdrop-opacity-10"
|
||||
classNames={{ wrapper: "px-0" }}
|
||||
>
|
||||
<div className="w-full h-full flex">
|
||||
<div className="min-w-max md:w-1/12 flex items-center justify-center">
|
||||
<Link href={"/"}>
|
||||
<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="w-full hidden md:flex flex-col pt-3">
|
||||
<div className="flex items-center justify-end gap-1 md:gap-5 px-[50px]">
|
||||
<div className="flex gap-1 lg:gap-3 items-center">
|
||||
<Link
|
||||
href="https://www.facebook.com/DivHumasPolri?_rdc=1&_rdr"
|
||||
|
|
@ -148,257 +139,6 @@ export default function NavbarHumas() {
|
|||
>
|
||||
<TtIcon />
|
||||
</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 ? (
|
||||
// <Button className="bg-[#DD8306]" onPress={onLogout}>
|
||||
// Logout
|
||||
|
|
@ -428,11 +168,519 @@ export default function NavbarHumas() {
|
|||
</Dropdown>
|
||||
) : (
|
||||
<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>
|
||||
)}
|
||||
</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>
|
||||
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||
<ThemeSwitch />
|
||||
|
|
|
|||
|
|
@ -9,7 +9,12 @@
|
|||
"strukturOrganisasi": "Organizational Structure",
|
||||
"profilPimpinan": "Profile of The Police Leader",
|
||||
"tugas": "Duties",
|
||||
"fungsi": "Functions"
|
||||
"fungsi": "Functions",
|
||||
"aplikasi_terkait": "Related Apps",
|
||||
"publikasi": "Publication",
|
||||
"informasi_publik": "Public Information",
|
||||
"search": "Search...",
|
||||
"masuk": "Login"
|
||||
},
|
||||
"Banner": {
|
||||
"jumbotron": "TRANSPARENCY, PARTICIPATION, AND THE BEST SERVICES FROM POLRI FOR INDONESIA",
|
||||
|
|
|
|||
|
|
@ -9,7 +9,12 @@
|
|||
"strukturOrganisasi": "Struktur Organisasi",
|
||||
"profilPimpinan": "Profil Pimpinan Polri",
|
||||
"tugas": "Tugas",
|
||||
"fungsi": "Fungsi"
|
||||
"fungsi": "Fungsi",
|
||||
"aplikasi_terkait": "Aplikasi Terkait",
|
||||
"publikasi": "Publikasi",
|
||||
"informasi_publik": "Informasi Publik",
|
||||
"search": "Pencarian...",
|
||||
"masuk": "Masuk"
|
||||
},
|
||||
"Banner": {
|
||||
"jumbotron": "TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK INDONESIA",
|
||||
|
|
|
|||
Loading…
Reference in New Issue