diff --git a/app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx index fab820cf..2a601604 100644 --- a/app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx +++ b/app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx @@ -1,3 +1,5 @@ +"use client"; + import LayoutProvider from "@/providers/layout.provider"; import LayoutContentProvider from "@/providers/content.provider"; import DashCodeSidebar from "@/components/partials/sidebar"; @@ -8,9 +10,15 @@ import DashCodeHeader from "@/components/partials/header"; import { redirect } from "@/components/navigation"; import Footer from "@/components/landing-page/footer"; import Navbar from "@/components/landing-page/navbar"; +import NavbarKaltara from "@/components/landing-page/landing-polda-kaltara/navbar-polda-kaltara"; +import { useParams } from "next/navigation"; -const layout = async ({ children }: { children: React.ReactNode }) => { - return ( +const layout = ({ children }: { children: React.ReactNode }) => { + const params = useParams(); + const poldaName: any = params?.polda_name; + return poldaName === "kaltara" ? ( + children + ) : ( <> {children} diff --git a/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx index 0de775b9..4f18ade0 100644 --- a/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx +++ b/app/[locale]/(public)/(polda)/polda/[polda_name]/page.tsx @@ -5,9 +5,29 @@ import HeaderBanner from "@/components/landing-page/header-banner"; import NewContent from "@/components/landing-page/new-content"; import WelcomePolda from "@/components/landing-page/welcome-polda"; import React from "react"; +import { useParams } from "next/navigation"; +import NavbarKaltara from "@/components/landing-page/landing-polda-kaltara/navbar-polda-kaltara"; +import HeaderBannerKaltara from "@/components/landing-page/landing-polda-kaltara/header-banner-kaltara"; +import SearchSectionKaltara from "@/components/landing-page/landing-polda-kaltara/search-section-kaltara"; +import LatestContentKaltara from "@/components/landing-page/landing-polda-kaltara/latest-content-kaltara"; +import ContactUsKaltara from "@/components/landing-page/landing-polda-kaltara/contact-us-kaltara"; +import NewsTickerKaltara from "../../tbnews/[polda_name]/components/news-tickers-kaltara"; const page = () => { - return ( + const params = useParams(); + const poldaName: any = params?.polda_name; + return poldaName === "kaltara" ? ( +
+ + + + + + + + +
+ ) : (
diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/contact-us.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/contact-us.tsx index f3935010..69a4b659 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/contact-us.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/contact-us.tsx @@ -5,7 +5,7 @@ import React from "react"; const ContactUs = () => { return ( -
+
{/* Logo */} diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/hero-kaltara.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/hero-kaltara.tsx index 9067dd2d..4e1a7a16 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/hero-kaltara.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/hero-kaltara.tsx @@ -1,6 +1,7 @@ "use client"; import { Reveal } from "@/components/landing-page/Reveal"; +import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel"; import { Icon } from "@/components/ui/icon"; import { Skeleton } from "@/components/ui/skeleton"; import { Link } from "@/i18n/routing"; @@ -12,6 +13,7 @@ import React, { useEffect, useState } from "react"; const HeroKaltara = () => { const params = useParams(); + const locale = params?.locale; const [content, setContent] = useState([]); const [centerPadding, setCenterPadding] = useState(); const [isBannerLoading, setIsBannerLoading] = useState(true); @@ -111,11 +113,34 @@ const HeroKaltara = () => { ], }; + const shimmer = (w: number, h: number) => ` + + + + + + + + + + + + `; + + const toBase64 = (str: string) => (typeof window === "undefined" ? Buffer.from(str).toString("base64") : window.btoa(str)); + return ( <> -
+
{isBannerLoading ? ( + //
+ // + //
+ // + // + //
+ //
@@ -124,24 +149,48 @@ const HeroKaltara = () => {
) : ( -
- {content?.map((row: any, index: number) => ( -
- - gambar-utama - -

{row.title}

-
-

{row?.categoryName}

-

- {getPublicLocaleTimestamp(new Date(row?.createdAt))} - {/* {row?.createdAt} */} -

-
-

-

- ))} -
+ //
+ // {content?.slice(0, 1)?.map((row: any, index: number) => ( + //
+ // + // gambar-utama + // + //

{row.title}

+ //
+ //

{row?.categoryName}

+ //

+ // {getPublicLocaleTimestamp(new Date(row?.createdAt))} + // {/* {row?.createdAt} */} + //

+ //
+ //

+ //

+ // ))} + //
+ + + {content?.map((row: any) => ( + +
+ + gambar-utama + +

{row.title}

+
+

{row?.categoryName}

+

+ {getPublicLocaleTimestamp(new Date(row?.createdAt))} + {/* {row?.createdAt} */} +

+
+

+

+ + ))} + + + + )} {isBannerLoading ? ( @@ -183,17 +232,17 @@ const HeroKaltara = () => {
) : ( -
+
{newContent?.slice(1).map((item: any, index: number) => ( -
+
- +
-
-

{item?.title}

+
+

{item?.title}

-

{item?.categoryName}

-

+

{item?.categoryName}

+

{/* {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"} */} {item?.createdAt}

diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx index 15420056..81f26a7b 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx @@ -136,7 +136,7 @@ const LatestNews = (props: { type: string }) => {
-

Berita {props.type == "popular" ? "Terpopuler" : props.type == "latest" ? t("new") : "Serupa"}

+

Berita {props.type == "popular" ? "Terpopuler" : props.type == "latest" ? t("new") : "Serupa"}

@@ -151,16 +151,16 @@ const LatestNews = (props: { type: string }) => { ) : (
{newContent?.slice(0, 1).map((row: any) => ( -
- gambar-utama

{row?.title}

-
-

{row?.categoryName}

-

+

+ gambar-utama

{row?.title}

+
+

{row?.categoryName}

+

{/* {formatDateToIndonesian(new Date(row?.createdAt))} {row?.timezone ? row?.timezone : "WIB"}|{" "} */} {row?.createdAt}

-

{row?.description}

+

{row?.description}

))}
@@ -205,17 +205,17 @@ const LatestNews = (props: { type: string }) => {
) : ( -
+
{newContent?.slice(1).map((item: any) => (
{/*
*/} -
-

{item?.title}

+
+

{item?.title}

-

{item?.categoryName}

-

+

{item?.categoryName}

+

{/* {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} */} {item?.createdAt}

diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/national-news.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/national-news.tsx index aee57687..85a067be 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/national-news.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/national-news.tsx @@ -148,16 +148,16 @@ const NationalNews = () => { ) : (
{newContent?.slice(0, 1).map((row: any) => ( -
- gambar-utama

{row?.title}

-
-

{row?.categoryName}

-

+

+ gambar-utama

{row?.title}

+
+

{row?.categoryName}

+

{/* {formatDateToIndonesian(new Date(row?.createdAt))} {row?.timezone ? row?.timezone : "WIB"}|{" "} */} {row?.createdAt}

-

{row?.description}

+

{row?.description}

))}
@@ -202,17 +202,17 @@ const NationalNews = () => {
) : ( -
+
{newContent?.slice(1).map((item: any) => (
{/*
*/} -
-

{item?.title}

+
+

{item?.title}

-

{item?.categoryName}

-

+

{item?.categoryName}

+

{/* {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} */} {item?.createdAt}

diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/navbar-kaltara.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/navbar-kaltara.tsx index cb59f6d7..9fa94e0d 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/navbar-kaltara.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/navbar-kaltara.tsx @@ -44,49 +44,54 @@ const categoryLinks: any = { Kesehatan: "https://tribratanews.kaltara.polri.go.id/category/kesehatan/", Olahraga: "https://tribratanews.kaltara.polri.go.id/category/olahraga/", PPA: "https://tribratanews.kaltara.polri.go.id/category/ppa/", - MediaHub: "https://new.netidhub.com/", + MediaHub: "https://new.netidhub.com/in/polda/kaltara", }; const NavbarKaltara = () => { const [menuOpen, setMenuOpen] = useState(false); return ( -
+
- image -
-
- {category?.map((data: any) => ( - - {data?.name} - - ))} -
- - +
+ + image -
-
- {/* Mobile Menu Toggle */} - +
+
+ {category?.map((data: any) => ( + + {data?.name} + + ))} +
+ + + +
+
+ + {/* Mobile Menu Toggle */} + +
{/* Mobile Menu */} {menuOpen && ( -
+
{category?.map((data: any) => ( diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/news-tickers-kaltara.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/news-tickers-kaltara.tsx index 7739d122..9cd499d7 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/news-tickers-kaltara.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/news-tickers-kaltara.tsx @@ -1,10 +1,11 @@ "use client"; import { Link } from "@/i18n/routing"; -import { getHeroData, listCarousel } from "@/service/landing/landing"; +import { getHeroData, listCarousel, listData } from "@/service/landing/landing"; import { formatDateToIndonesian, textEllipsis } from "@/utils/globals"; import { useEffect, useState } from "react"; import { useTranslations } from "next-intl"; import { Icon } from "@/components/ui/icon"; +import { useParams } from "next/navigation"; export default function NewsTickerKaltara() { const [article, setArticle] = useState([]); @@ -12,6 +13,11 @@ export default function NewsTickerKaltara() { const [animate, setAnimate] = useState(false); const [tanggal, setTanggal] = useState(""); const t = useTranslations("LandingPage"); + const [content, setContent] = useState([]); + const [isBannerLoading, setIsBannerLoading] = useState(true); + const [centerPadding, setCenterPadding] = useState(); + const params = useParams(); + const poldaName: any = params?.polda_name; useEffect(() => { const options: Intl.DateTimeFormatOptions = { @@ -25,12 +31,63 @@ export default function NewsTickerKaltara() { }, []); useEffect(() => { - async function getArticle() { - const response = await getHeroData(); - setArticle(response?.data?.data?.content); + // async function initState() { + // const res = await listCarousel(); + // setContent(res?.data?.data); + // setCenterPadding(`${Math.trunc(Number(window.innerWidth) / 10 + 40)}px`); + // } + + async function fetchData() { + const res = await listData("1", "", "", 5, 0, "createdAt", "", "", poldaName); + let data = res?.data?.data?.content; + setContent(data); + setCenterPadding(`${Math.trunc(Number(window.innerWidth) / 10 + 40)}px`); + setIsBannerLoading(false); + console.log("Done"); } - getArticle(); - }, []); + + fetchData(); + }, [params?.page]); + + const settings = { + className: "center", + // centerMode: true, + infinite: true, + centerPadding, + slidesToShow: 2, + autoplay: true, + speed: 1500, + autoplaySpeed: 15_000, + focusOnSelect: true, + responsive: [ + { + breakpoint: 768, + settings: { + arrows: false, + centerMode: true, + centerPadding: "60px", + slidesToShow: 1, + }, + }, + { + breakpoint: 480, + settings: { + arrows: false, + centerMode: true, + centerPadding: "20px", + slidesToShow: 1, + }, + }, + ], + }; + + // useEffect(() => { + // async function getArticle() { + // const response = await getHeroData(); + // setArticle(response?.data?.data?.content); + // } + // getArticle(); + // }, []); const triggerAnimation = (newIndex: number) => { setAnimate(true); @@ -41,22 +98,22 @@ export default function NewsTickerKaltara() { }; const handlePrev = () => { - const newIndex = (currentNewsIndex - 1 + article.length) % article.length; + const newIndex = (currentNewsIndex - 1 + content.length) % content.length; triggerAnimation(newIndex); }; const handleNext = () => { - const newIndex = (currentNewsIndex + 1) % article.length; + const newIndex = (currentNewsIndex + 1) % content.length; triggerAnimation(newIndex); }; useEffect(() => { const interval = setInterval(() => { - triggerAnimation((currentNewsIndex + 1) % article.length); + triggerAnimation((currentNewsIndex + 1) % content.length); }, 7000); return () => clearInterval(interval); - }, [article?.length]); + }, [content?.length]); return (
@@ -66,13 +123,13 @@ export default function NewsTickerKaltara() {
{t("breakingNews")} :
- -

{article[currentNewsIndex]?.title}

+ +

{content[currentNewsIndex]?.title}

- -

{textEllipsis(article[currentNewsIndex]?.title, 28)}

+ +

{textEllipsis(content[currentNewsIndex]?.title, 28)}

-

{formatDateToIndonesian(article[currentNewsIndex]?.createdAt)}

+

{formatDateToIndonesian(content[currentNewsIndex]?.createdAt)}

handlePrev()}> diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/pps-section.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/pps-section.tsx new file mode 100644 index 00000000..3711bf32 --- /dev/null +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/pps-section.tsx @@ -0,0 +1,55 @@ +"use client"; + +import React from "react"; +import { Card, CardContent } from "@/components/ui/card"; +import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel"; +import Image from "next/image"; + +const PpsSection = () => { + const image = [ + { + id: 1, + src: "/assets/PPS.png", + }, + { + id: 2, + src: "/assets/contoh6.png", + }, + { + id: 3, + src: "/assets/contoh7.png", + }, + ]; + + return ( +
+
+ + + {image?.map((news: any, index) => ( + + + pps + + + {/*
+ {news.tag} + {news.category} +
+

{news.date}

+

{news.title}

+

{news.description}

*/} + + + + ))} + + + + +
+
+ ); +}; + +export default PpsSection; diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/regional-news.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/regional-news.tsx index dfdd98f4..a81bd11e 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/regional-news.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/regional-news.tsx @@ -141,16 +141,16 @@ const RegionalNews = () => { ) : (
{newContent?.slice(0, 1).map((row: any) => ( -
- gambar-utama

{row?.title}

+
+ gambar-utama

{row?.title}

-

{row?.categoryName}

-

+

{row?.categoryName}

+

{/* {formatDateToIndonesian(new Date(row?.createdAt))} {row?.timezone ? row?.timezone : "WIB"}|{" "} */} {row?.createdAt}

-

{row?.description}

+

{row?.description}

))}
@@ -201,11 +201,11 @@ const RegionalNews = () => { {/*
*/} -
-

{item?.title}

+
+

{item?.title}

-

{item?.categoryName}

-

+

{item?.categoryName}

+

{/* {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} */} {item?.createdAt}

diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/social-media.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/social-media.tsx index 22fb1726..b6a40698 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/social-media.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/social-media.tsx @@ -1,12 +1,66 @@ +"use client"; + import React, { useState } from "react"; import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; import Image from "next/image"; import { Icon } from "@/components/ui/icon"; import { Link } from "@/i18n/routing"; import { Reveal } from "@/components/landing-page/Reveal"; +import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel"; +import { formatDateToIndonesian } from "@/utils/globals"; const SocialMedia = () => { const [selectedTab, setSelectedTab] = useState("x"); + const twitter = [ + { + id: 1, + logo: "/assets/img/logo-humas.jpg", + title: "Humas_PoldaKaltara", + tag: "@HumasKaltara", + desc: " Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid", + image: "/assets/img/gbr-contoh.png", + }, + { + id: 2, + logo: "/assets/img/logo-humas.jpg", + title: "Humas_PoldaKaltara", + tag: "@HumasKaltara", + desc: " Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid", + image: "/assets/img/gbr-contoh.png", + }, + { + id: 3, + logo: "/assets/img/logo-humas.jpg", + title: "Humas_PoldaKaltara", + tag: "@HumasKaltara", + desc: " Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid", + image: "/assets/img/gbr-contoh.png", + }, + { + id: 4, + logo: "/assets/img/logo-humas.jpg", + title: "Humas_PoldaKaltara", + tag: "@HumasKaltara", + desc: " Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid", + image: "/assets/img/gbr-contoh.png", + }, + ]; + + const shimmer = (w: number, h: number) => ` + + + + + + + + + + + + `; + + const toBase64 = (str: string) => (typeof window === "undefined" ? Buffer.from(str).toString("base64") : window.btoa(str)); return ( <> @@ -22,28 +76,28 @@ const SocialMedia = () => { > X{" "} -
|
+
|
Instagram -
|
+
|
Facebook -
|
+
|
Tiktok -
|
+
|
{
-
+
{selectedTab == "x" ? ( -
-
+
+ {/*
{" "} @@ -79,221 +133,172 @@ const SocialMedia = () => {

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et - dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid, officia possimus quidem adipisci repudiandae voluptate - deserunt dolores dolor minima, earum similique eligendi quaerat. + dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sint et sunt quis, eius fuga aliquid +

+ {" "} +
+
+
*/} + + + {twitter?.map((image: any) => ( + +
+
+ {" "} + +
+
+
+

{image?.title}

+ + + +
+

{image?.tag}

+
+
+
+
+

{image?.desc}

+ {" "} +
+
+ + ))} + + + + +
+ ) : selectedTab == "instagram" ? ( +
+
+
+
+ {" "} + +
+
+
+

TBNews Mabes Polri

+ + + +
+

@TBNewsMabes

+
+
+
+
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et + dolor ut ullam tempora deserunt dolore consequatur!

{" "}
-
-
-
- {" "} - -
-
-
-

Humas_PoldaKaltara

- - - -
-

@HumasKaltara

-
-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et - dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima repellat corrupti ipsa cumque obcaecati sed ipsum libero, excepturi officia amet, sequi ullam - dolores accusantium vero suscipit aut vel temporibus fugit. -

- {" "} -
-
-
-
-
-
- {" "} - -
-
-
-

Humas_PoldaKaltara

- - - -
-

@HumasKaltara

-
-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et - dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Autem, eveniet sint modi, cupiditate pariatur quod voluptas minus commodi molestiae, natus dolores - asperiores debitis provident error odio eaque id? Iste, enim? -

- {" "} -
-
-
-
-
-
- {" "} - -
-
-
-

Humas_PoldaKaltara

- - - -
-

@HumasKaltara

-
-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et - dolor ut ullam tempora deserunt dolore consequatur! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore quibusdam doloribus magni nisi consectetur reiciendis cumque eius exercitationem. Adipisci ipsam - dolor accusamus quibusdam. -

- {" "} -
-
-
-
- ) : selectedTab == "instagram" ? ( -
-
-
- {" "} - -
-
-
-

TBNews Mabes Polri

- - - -
-

@TBNewsMabes

-
-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor - ut ullam tempora deserunt dolore consequatur! -

- {" "} -
-
) : selectedTab == "facebook" ? ( -
-
-
- {" "} - -
-
-
-

TBNews Mabes Polri

- - - +
+
+
+
+ {" "} + +
+
+
+

TBNews Mabes Polri

+ + + +
+

@TBNewsMabes

-

@TBNewsMabes

-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor - ut ullam tempora deserunt dolore consequatur! -

- {" "} +
+
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et + dolor ut ullam tempora deserunt dolore consequatur! +

+ {" "} +
) : selectedTab == "tiktok" ? ( -
-
-
- {" "} - -
-
-
-

TBNews Mabes Polri

- - - +
+
+
+
+ {" "} + +
+
+
+

TBNews Mabes Polri

+ + + +
+

@TBNewsMabes

-

@TBNewsMabes

-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor - ut ullam tempora deserunt dolore consequatur! -

- {" "} +
+
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et + dolor ut ullam tempora deserunt dolore consequatur! +

+ {" "} +
) : selectedTab == "youtube" ? ( -
-
-
- {" "} - -
-
-
-

TBNews Mabes Polri

- - - +
+
+
+
+ {" "} + +
+
+
+

TBNews Mabes Polri

+ + + +
+

@TBNewsMabes

-

@TBNewsMabes

-
-
-
-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et dolor - ut ullam tempora deserunt dolore consequatur! -

- {" "} +
+
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime quo fugiat soluta. Possimus est inventore, quidem eligendi fugit repudiandae dicta saepe perspiciatis corrupti quae sapiente accusantium cumque et + dolor ut ullam tempora deserunt dolore consequatur! +

+ {" "} +
diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/video/detail/[slug]/layout.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/image/detail/[slug]/layout.tsx similarity index 100% rename from app/[locale]/(public)/(polda)/tbnews/[polda_name]/video/detail/[slug]/layout.tsx rename to app/[locale]/(public)/(polda)/tbnews/[polda_name]/image/detail/[slug]/layout.tsx diff --git a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/video/detail/[slug]/page.tsx b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/image/detail/[slug]/page.tsx similarity index 98% rename from app/[locale]/(public)/(polda)/tbnews/[polda_name]/video/detail/[slug]/page.tsx rename to app/[locale]/(public)/(polda)/tbnews/[polda_name]/image/detail/[slug]/page.tsx index a00047f4..dfe60185 100644 --- a/app/[locale]/(public)/(polda)/tbnews/[polda_name]/video/detail/[slug]/page.tsx +++ b/app/[locale]/(public)/(polda)/tbnews/[polda_name]/image/detail/[slug]/page.tsx @@ -619,7 +619,7 @@ const DetailInfo = () => { return ( <> -
+
{/* Bagian Kiri */}
@@ -630,7 +630,16 @@ const DetailInfo = () => {
) : (
- Main + {/* Main */} + 0 ? detailDataImage.files[selectedImage]?.url : detailDataImage?.thumbnailLink} + alt="Main" + className="rounded-lg w-auto h-fit" + /> +
)} @@ -793,9 +802,9 @@ const DetailInfo = () => {
-
+
{/* Comment */} -
+

{t("comment")}