From 2ac4283a1c4972d8ea9e790556e1501ce3e8be8a Mon Sep 17 00:00:00 2001 From: Sabda Yagra Date: Thu, 24 Apr 2025 15:40:01 +0700 Subject: [PATCH 1/5] fixing tbnews polda kaltara --- .../(polda)/polda/[polda_name]/page.tsx | 3 +- app/[locale]/layout.tsx | 2 + components/landing-page/content-category.tsx | 9 +- .../contact-us-kaltara.tsx | 71 ++++++++- .../header-banner-kaltara.tsx | 8 +- .../latest-content-kaltara.tsx | 150 ++++++------------ .../navbar-polda-kaltara.tsx | 22 +-- components/landing-page/search-section.tsx | 8 +- public/assets/logo-humas-polri.png | Bin 0 -> 38139 bytes public/assets/logo-inp.png | Bin 0 -> 21191 bytes public/assets/logo-spit.png | Bin 0 -> 6452 bytes public/assets/polda/logo-tbnews.png | Bin 0 -> 5016 bytes public/assets/portal-humas.png | Bin 0 -> 13639 bytes utils/globals.tsx | 19 +++ 14 files changed, 152 insertions(+), 140 deletions(-) create mode 100644 public/assets/logo-humas-polri.png create mode 100644 public/assets/logo-inp.png create mode 100644 public/assets/logo-spit.png create mode 100644 public/assets/polda/logo-tbnews.png create mode 100644 public/assets/portal-humas.png diff --git a/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx index 4f18ade0..e7c51e8c 100644 --- a/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx +++ b/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx @@ -20,7 +20,8 @@ const page = () => {
- + {/* */} + diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 6ffd9dc2..72fd5a5c 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -13,6 +13,7 @@ import { NextIntlClientProvider } from "next-intl"; import { getMessages } from "next-intl/server"; import DirectionProvider from "@/providers/direction-provider"; import AuthProvider from "@/providers/auth.provider"; +import LoadScript from "@/utils/globals"; export const metadata: Metadata = { title: "Media Hub | POLRI", @@ -34,6 +35,7 @@ export default async function RootLayout({ + diff --git a/components/landing-page/content-category.tsx b/components/landing-page/content-category.tsx index ad2d4d29..4e1f2ec2 100644 --- a/components/landing-page/content-category.tsx +++ b/components/landing-page/content-category.tsx @@ -52,8 +52,8 @@ const ContentCategory = (props: { group?: string }) => { return (
-

- {/* {pathname?.split("/")[1] == "in" ? ( +

+ {pathname?.split("/")[1] == "in" ? ( <> {t("category")}  {t("content")} @@ -63,10 +63,9 @@ const ContentCategory = (props: { group?: string }) => { {t("content")}  {t("category")} - )} */} - Kategori Konten + )}

- {/*
*/} +
{categories?.map((category: any, index: number) => diff --git a/components/landing-page/landing-polda-kaltara/contact-us-kaltara.tsx b/components/landing-page/landing-polda-kaltara/contact-us-kaltara.tsx index 62c07d1c..a7ac9bfb 100644 --- a/components/landing-page/landing-polda-kaltara/contact-us-kaltara.tsx +++ b/components/landing-page/landing-polda-kaltara/contact-us-kaltara.tsx @@ -1,17 +1,72 @@ +import { Button } from "@/components/ui/button"; import { Link } from "@/i18n/routing"; import { Icon } from "@iconify/react/dist/iconify.js"; import Image from "next/image"; import React from "react"; +type Channel = { + name: string; + logo: string; + url: string; +}; + +const channels: Channel[] = [ + { + name: "Divisi Humas Polri", + logo: "/assets/portal-humas.png", + url: "https://portal.humas.polri.go.id/", + }, + { + name: "Media Hub", + logo: "/assets/mediahub-logo.gif", + url: "/polda/kaltara", + }, + { + name: "SPIT", + logo: "/assets/logo-spit.png", + url: "https://spit.humas.polri.go.id/", + }, + { + name: "Polri TV", + logo: "/assets/polriTv.png", + url: "https://tvradio.polri.go.id/", + }, + { + name: "TBNews", + logo: "/assets/img/logo-tbn.png", + url: "/tbnews/polda-kaltara", + }, + { + name: "INP", + logo: "/assets/logo-inp.png", + url: "https://inp.polri.go.id/", + }, +]; + const ContactUsKaltara = () => { return ( -
-
+
+
+

Channel Divisi Humas Polri

+ + {/* Mobile version pakai grid, Desktop pakai flex */} +
+ {channels.map((channel, index) => ( + +
+ {channel.name} +
+ + ))} +
+
+ +
{/* Logo */}
- -

Copyright @TribrataNews Kaltara

+ logo + {/*

Copyright @TribrataNews Kaltara

*/}
{/* Contact Us */} @@ -100,6 +155,14 @@ const ContactUsKaltara = () => { Index
+ + {/* login */} + + +
{/* Social Media */} diff --git a/components/landing-page/landing-polda-kaltara/header-banner-kaltara.tsx b/components/landing-page/landing-polda-kaltara/header-banner-kaltara.tsx index 6a38dbb0..3a408553 100644 --- a/components/landing-page/landing-polda-kaltara/header-banner-kaltara.tsx +++ b/components/landing-page/landing-polda-kaltara/header-banner-kaltara.tsx @@ -3,7 +3,7 @@ import { listData } from "@/service/landing/landing"; import { useParams } from "next/navigation"; import React, { useEffect, useState } from "react"; import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; -import { formatDateToIndonesian, getPublicLocaleTimestamp, textEllipsis } from "@/utils/globals"; +import { formatDateToIndonesian, getPublicLocaleTimestamp } from "@/utils/globals"; import { Icon } from "@iconify/react/dist/iconify.js"; import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel"; import Image from "next/image"; @@ -75,7 +75,7 @@ const HeaderBannerKaltara = () => { <> {/* Header Left */} -
+
{isBannerLoading ? (
@@ -152,7 +152,7 @@ const HeaderBannerKaltara = () => {
) : ( -