humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing language error

This commit is contained in:
Rama Priyanto 2025-04-23 14:13:14 +07:00
parent 8ecf1e7146
commit 3cc2516a0c
11 changed files with 83 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/manifest.ts Normal file
View File

@ -0,0 +1,26 @@
import type { MetadataRoute } from "next";
export default function manifest(): MetadataRoute.Manifest {
return {
name: "Konten Humas",
short_name: "PWA",
description:
"DIVISI HUMAS POLRI - Pengelola Informasi dan Dokumentasi Polri.",
start_url: "/",
display: "standalone",
background_color: "#ffffff",
theme_color: "#000000",
icons: [
{
src: "/divhumas.png",
sizes: "192x192",
type: "image/png",
},
{
src: "/divhumas.png",
sizes: "512x512",
type: "image/png",
},
],
};
}

6
components/landing/CategorySatker.tsx
View File

@ -23,7 +23,7 @@ export default function CategorySatker(props: {
const [scrollBehavior, setScrollBehavior] = const [scrollBehavior, setScrollBehavior] =
React.useState<ModalProps["scrollBehavior"]>("inside"); React.useState<ModalProps["scrollBehavior"]>("inside");
const [modalPlacement, setModalPlacement] = React.useState<any>("auto"); const [modalPlacement, setModalPlacement] = React.useState<any>("auto");
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
useEffect(() => { useEffect(() => {
if (props.opened) { if (props.opened) {
@ -339,8 +339,8 @@ export default function CategorySatker(props: {
onPress={onClose} onPress={onClose}
className="text-danger" className="text-danger"
> >
{" "} {/* {t("tutup")} */}
{t("tutup")} Tutup
</Button> </Button>
</ModalFooter> </ModalFooter>
</> </>

14
components/landing/HeaderNews.tsx
View File

@ -25,7 +25,7 @@ import Image from "next/image";
export default function HeaderNews() { export default function HeaderNews() {
const [article, setArticle] = useState<any>([]); const [article, setArticle] = useState<any>([]);
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
const [selectedTab, setSelectedTab] = useState("media"); const [selectedTab, setSelectedTab] = useState("media");
const [hotNews, setHotNews] = useState<any>([]); const [hotNews, setHotNews] = useState<any>([]);
const [banner, setBanner] = useState<any>([]); const [banner, setBanner] = useState<any>([]);
@ -155,7 +155,8 @@ export default function HeaderNews() {
</div> </div>
<div className="w-[90%] lg:w-[25%] p-2 dark:bg-stone-800 bg-[#f0f0f0] dark:text-white text-black rounded-xl mb-2 md:mb-0 h-[40vh] lg:h-[500px] mx-auto"> <div className="w-[90%] lg:w-[25%] p-2 dark:bg-stone-800 bg-[#f0f0f0] dark:text-white text-black rounded-xl mb-2 md:mb-0 h-[40vh] lg:h-[500px] mx-auto">
<p className="text-base font-bold text-center dark:text-white text-black"> <p className="text-base font-bold text-center dark:text-white text-black">
{t("berita")} {/* {t("berita")} */}
Hot Topik
</p> </p>
<ScrollShadow hideScrollBar className="h-[29vh] lg:h-[400px] "> <ScrollShadow hideScrollBar className="h-[29vh] lg:h-[400px] ">
{hotNews?.map((data: any, index: number) => ( {hotNews?.map((data: any, index: number) => (
@ -207,7 +208,8 @@ export default function HeaderNews() {
className="w-full bg-gradient-to-r from-red-700 to-[#bb3523] text-white font-bold rounded-md focus:outline-none" className="w-full bg-gradient-to-r from-red-700 to-[#bb3523] text-white font-bold rounded-md focus:outline-none"
radius="none" radius="none"
> >
{t("semua")} {/* {t("semua")} */}
Lihat Semua
</Button> </Button>
</Link> </Link>
</div> </div>
@ -302,7 +304,8 @@ export default function HeaderNews() {
"text-black dark:text-white border-b-3 border-red-400 cursor-pointer p-0" "text-black dark:text-white border-b-3 border-red-400 cursor-pointer p-0"
} }
> >
{t("terkini")} {/* {t("terkini")} */}
Berita Terkini
</a> </a>
<a <a
onClick={() => setSelectedTab("video")} onClick={() => setSelectedTab("video")}
@ -348,7 +351,8 @@ export default function HeaderNews() {
className={"text-slate-300 cursor-pointer"} className={"text-slate-300 cursor-pointer"}
onClick={() => setSelectedTab("media")} onClick={() => setSelectedTab("media")}
> >
{t("terkini")} {/* {t("terkini")} */}
Berita Terkini
</a> </a>
<a <a
onClick={() => setSelectedTab("video")} onClick={() => setSelectedTab("video")}

14
components/landing/MedolUpdate.tsx
View File

@ -32,7 +32,7 @@ export default function MedolUpdate() {
const [tbnUpdate, setTbnUpdate] = useState([]); const [tbnUpdate, setTbnUpdate] = useState([]);
const [inpUpdate, setInpUpdate] = useState([]); const [inpUpdate, setInpUpdate] = useState([]);
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
useEffect(() => { useEffect(() => {
if (selectedTab === "mediahub" && mediahubUpdate?.length < 1) { if (selectedTab === "mediahub" && mediahubUpdate?.length < 1) {
@ -209,7 +209,8 @@ export default function MedolUpdate() {
color="danger" color="danger"
variant="bordered" variant="bordered"
> >
{t("lebihBanyak")} {/* {t("lebihBanyak")} */}
Lihat Lebih Banyak
</Button> </Button>
</Link> </Link>
</div> </div>
@ -299,7 +300,8 @@ export default function MedolUpdate() {
color="danger" color="danger"
variant="bordered" variant="bordered"
> >
{t("lebihBanyak")} {/* {t("lebihBanyak")} */}
Lihat Lebih Banyak
</Button> </Button>
</Link> </Link>
</div> </div>
@ -389,7 +391,8 @@ export default function MedolUpdate() {
color="danger" color="danger"
variant="bordered" variant="bordered"
> >
{t("lebihBanyak")} {/* {t("lebihBanyak")} */}
Lihat Lebih Banyak
</Button> </Button>
</a> </a>
</div> </div>
@ -414,7 +417,8 @@ export default function MedolUpdate() {
color="danger" color="danger"
variant="bordered" variant="bordered"
> >
{t("lebihBanyak")} {/* {t("lebihBanyak")} */}
Lihat Lebih Banyak
</Button> </Button>
</Link> </Link>
</div> </div>

9
components/landing/PolriApps.tsx
View File

@ -129,7 +129,7 @@ export default function PolriApps(props: {
const { isOpen, onOpen, onOpenChange } = useDisclosure(); const { isOpen, onOpen, onOpenChange } = useDisclosure();
const [scrollBehavior, setScrollBehavior] = const [scrollBehavior, setScrollBehavior] =
React.useState<ModalProps["scrollBehavior"]>("inside"); React.useState<ModalProps["scrollBehavior"]>("inside");
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
useEffect(() => { useEffect(() => {
if (props.opened) { if (props.opened) {
@ -162,8 +162,8 @@ export default function PolriApps(props: {
<ModalHeader className="flex flex-col text-black justify-center items-center min-h mb- text-3xl font-semibold"> <ModalHeader className="flex flex-col text-black justify-center items-center min-h mb- text-3xl font-semibold">
<div className="text-xl text-black w-full justify-center flex"> <div className="text-xl text-black w-full justify-center flex">
<p className="border-b-3 border-[#C3170F] py-2 w-fit"> <p className="border-b-3 border-[#C3170F] py-2 w-fit">
{" "} {/* {t("aplikasi")} */}
{t("aplikasi")} Aplikasi Polri
</p> </p>
</div> </div>
</ModalHeader> </ModalHeader>
@ -198,7 +198,8 @@ export default function PolriApps(props: {
onPress={onClose} onPress={onClose}
className="text-danger" className="text-danger"
> >
{t("tutup")} {/* {t("tutup")} */}
Tutup
</Button> </Button>
</ModalFooter> </ModalFooter>
</> </>

5
components/landing/RegionalNews.tsx
View File

@ -242,7 +242,7 @@ export default function RegionalNews(props: {
const [scrollBehavior, setScrollBehavior] = const [scrollBehavior, setScrollBehavior] =
React.useState<ModalProps["scrollBehavior"]>("inside"); React.useState<ModalProps["scrollBehavior"]>("inside");
const [modalPlacement, setModalPlacement] = React.useState<any>("auto"); const [modalPlacement, setModalPlacement] = React.useState<any>("auto");
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
useEffect(() => { useEffect(() => {
if (props.opened) { if (props.opened) {
@ -353,7 +353,8 @@ export default function RegionalNews(props: {
onPress={onClose} onPress={onClose}
className="text-danger" className="text-danger"
> >
{t("tutup")} {/* {t("tutup")} */}
Tutup
</Button> </Button>
</ModalFooter> </ModalFooter>
</> </>

5
components/landing/banner-new.tsx
View File

@ -56,7 +56,7 @@ interface Jumbotron {
} }
export default function BannerHumasNew() { export default function BannerHumasNew() {
const t = useTranslations("Banner"); // const t = useTranslations("Banner");
const { isOpen, onOpen, onOpenChange } = useDisclosure(); const { isOpen, onOpen, onOpenChange } = useDisclosure();
const [currentIndex, setCurrentIndex] = useState(0); const [currentIndex, setCurrentIndex] = useState(0);
@ -246,7 +246,8 @@ export default function BannerHumasNew() {
<div className="flex justify-between items-center mb-10"> <div className="flex justify-between items-center mb-10">
<div className="flex flex-col gap-1 justify-start items-start"> <div className="flex flex-col gap-1 justify-start items-start">
<p className="text-lg lg:text-5xl font-bold text-left leading-0"> <p className="text-lg lg:text-5xl font-bold text-left leading-0">
{t("welcome")} {/* {t("welcome")} */}
SELAMAT DATANG DI WEBSITE RESMI DIVISI HUMAS POLRI
</p> </p>
<p className="text-xs lg:text-base"> <p className="text-xs lg:text-base">
OBYEKTIF - DIPERCAYA - PARTISIPASI OBYEKTIF - DIPERCAYA - PARTISIPASI

1
components/landing/drawer.tsx
View File

@ -39,7 +39,6 @@ export default function AnalyticDrawer() {
} }
setActivity(res?.data?.data); setActivity(res?.data?.data);
console.log("ress", res);
return false; return false;
}; };

2
components/landing/social-media.tsx
View File

@ -37,7 +37,7 @@ export default function SocialMediaNew() {
const [tbnUpdate, setTbnUpdate] = useState([]); const [tbnUpdate, setTbnUpdate] = useState([]);
const [inpUpdate, setInpUpdate] = useState([]); const [inpUpdate, setInpUpdate] = useState([]);
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
return ( return (
<div className="border-1 rounded-xl py-2 w-[90%] lg:w-[75%] mx-auto bg-white text-black"> <div className="border-1 rounded-xl py-2 w-[90%] lg:w-[75%] mx-auto bg-white text-black">
<div className="text-xl font-semibold w-full"> <div className="text-xl font-semibold w-full">

2
components/landing/suggestions.tsx
View File

@ -48,7 +48,7 @@ export default function SuggestionsModal(props: {
const [otpValue, setOtpValue] = useState(""); const [otpValue, setOtpValue] = useState("");
const MySwal = withReactContent(Swal); const MySwal = withReactContent(Swal);
const t = useTranslations("Landing"); // const t = useTranslations("Landing");
useEffect(() => { useEffect(() => {
if (props.opened) { if (props.opened) {

40
components/layout/navbar/NavbarHumas.tsx
View File

@ -60,7 +60,7 @@ export default function NavbarHumas(props: { size: string }) {
const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({}); const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({});
const [isOpen, setIsOpen] = useState(false); 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");
const isAuthenticated = Cookies.get("is_authenticated"); const isAuthenticated = Cookies.get("is_authenticated");
const [isScrolled, setIsScrolled] = useState(false); const [isScrolled, setIsScrolled] = useState(false);
@ -97,7 +97,7 @@ export default function NavbarHumas(props: { size: string }) {
input: "text-sm", input: "text-sm",
}} }}
labelPlacement="outside" labelPlacement="outside"
placeholder={t("search")} placeholder="Pencarian..."
startContent={ startContent={
<SearchIcon className="text-base text-default-400 pointer-events-none" /> <SearchIcon className="text-base text-default-400 pointer-events-none" />
} }
@ -176,7 +176,8 @@ export default function NavbarHumas(props: { size: string }) {
variant="light" variant="light"
endContent={<ChevronDownIcon className="pt-1" />} endContent={<ChevronDownIcon className="pt-1" />}
> >
{t("pelayananMasyarakat")} {/* {t("pelayananMasyarakat")} */}
Pelayanan Masyarakat
</Button> </Button>
</DropdownTrigger> </DropdownTrigger>
</NavbarItem> </NavbarItem>
@ -588,13 +589,14 @@ export default function NavbarHumas(props: { size: string }) {
variant="light" variant="light"
endContent={<ChevronDownIcon className="pt-1" />} endContent={<ChevronDownIcon className="pt-1" />}
> >
{t("informasi_publik")} {/* {t("informasi_publik")} */}
Informasi Publik
</Button> </Button>
</DropdownTrigger> </DropdownTrigger>
</NavbarItem> </NavbarItem>
<DropdownMenu <DropdownMenu
// aria-label="tentang" // aria-label="tentang"
title={t("tentang")} title="Tentang"
className="pt-4" className="pt-4"
classNames={{ classNames={{
// base: "flex", // base: "flex",
@ -666,13 +668,14 @@ export default function NavbarHumas(props: { size: string }) {
variant="light" variant="light"
endContent={<ChevronDownIcon className="pt-1" />} endContent={<ChevronDownIcon className="pt-1" />}
> >
{t("tentang")} {/* {t("tentang")} */}
Tentang
</Button> </Button>
</DropdownTrigger> </DropdownTrigger>
</NavbarItem> </NavbarItem>
<DropdownMenu <DropdownMenu
// aria-label="tentang" // aria-label="tentang"
title={t("tentang")} title="Tentang"
className="pt-4" className="pt-4"
classNames={{ classNames={{
// base: "flex", // base: "flex",
@ -689,7 +692,7 @@ export default function NavbarHumas(props: { size: string }) {
href="/static/humas-polri" href="/static/humas-polri"
className="flex justify-between" className="flex justify-between"
> >
{t("tentang")} Humas POLRI Tentang Humas POLRI
<ChevronRightIcon /> <ChevronRightIcon />
</Link> </Link>
</DropdownItem> </DropdownItem>
@ -698,7 +701,8 @@ export default function NavbarHumas(props: { size: string }) {
href="/static/profile-kapolri" href="/static/profile-kapolri"
className="flex justify-between" className="flex justify-between"
> >
{t("profilPimpinan")} {/* {t("profilPimpinan")} */}
Profil Pimpinan Polri
<ChevronRightIcon /> <ChevronRightIcon />
</Link> </Link>
</DropdownItem> </DropdownItem>
@ -707,7 +711,8 @@ export default function NavbarHumas(props: { size: string }) {
href="/static/struktur-mabes" href="/static/struktur-mabes"
className="flex justify-between" className="flex justify-between"
> >
{t("strukturOrganisasi")} {/* {t("strukturOrganisasi")} */}
Struktur Organisasi
<ChevronRightIcon /> <ChevronRightIcon />
</Link> </Link>
</DropdownItem> </DropdownItem>
@ -716,7 +721,8 @@ export default function NavbarHumas(props: { size: string }) {
href="/static/visi-misi-polri" href="/static/visi-misi-polri"
className="flex justify-between" className="flex justify-between"
> >
{t("visi")} & {t("misi")} {/* {t("visi")} & {t("misi")} */}
Visi & Misi
<ChevronRightIcon /> <ChevronRightIcon />
</Link> </Link>
</DropdownItem> </DropdownItem>
@ -725,7 +731,8 @@ export default function NavbarHumas(props: { size: string }) {
href="/static/tugas-dan-fungsi-polri" href="/static/tugas-dan-fungsi-polri"
className="flex justify-between" className="flex justify-between"
> >
{t("tugas")} & {t("fungsi")} {/* {t("tugas")} & {t("fungsi")} */}
Tugas & Fungsi
<ChevronRightIcon /> <ChevronRightIcon />
</Link> </Link>
</DropdownItem> </DropdownItem>
@ -750,7 +757,8 @@ export default function NavbarHumas(props: { size: string }) {
variant="light" variant="light"
endContent={<ChevronDownIcon className="pt-1" />} endContent={<ChevronDownIcon className="pt-1" />}
> >
{t("aplikasi_terkait")} {/* {t("aplikasi_terkait")} */}
Aplikasi Terkait
</Button> </Button>
</DropdownTrigger> </DropdownTrigger>
</NavbarItem> </NavbarItem>
@ -1378,7 +1386,7 @@ export default function NavbarHumas(props: { size: string }) {
<span>{item.label}</span> <span>{item.label}</span>
</Link> </Link>
) : ( ) : (
<span>{t(item.label)}</span> <span>{item.label}</span>
)} )}
{item.submenu && {item.submenu &&
(dropdownOpen[item.key] ? ( (dropdownOpen[item.key] ? (
@ -1407,9 +1415,7 @@ export default function NavbarHumas(props: { size: string }) {
className="w-[35px] h-[35px] object-cover" className="w-[35px] h-[35px] object-cover"
/> />
)} )}
{subItem.multi {subItem.label}
? t(subItem.multi)
: subItem.label}
</Link> </Link>
</div> </div>
))} ))}