From dec1febfba4a23ef3cbea4fe71e74a5581527eaa Mon Sep 17 00:00:00 2001 From: sabdayagra Date: Wed, 18 Dec 2024 23:28:31 +0700 Subject: [PATCH] Feat: add api in another content and adjust spacing in ui --- .../(public)/image/detail/[slug]/page.tsx | 34 ++- app/[locale]/(public)/image/filter/page.tsx | 29 +-- .../(public)/indeks/detail/[slug]/page.tsx | 172 +++++---------- app/[locale]/(public)/indeks/page.tsx | 10 +- app/[locale]/(public)/schedule/page.tsx | 91 +++++++- .../(public)/video/detail/[slug]/page.tsx | 200 ++++++++---------- components/landing-page/content-category.tsx | 4 +- components/landing-page/coverage.tsx | 5 +- components/landing-page/division.tsx | 15 +- components/landing-page/new-content.tsx | 15 +- components/landing-page/search-section.tsx | 5 +- service/landing/landing.ts | 6 +- 12 files changed, 295 insertions(+), 291 deletions(-) diff --git a/app/[locale]/(public)/image/detail/[slug]/page.tsx b/app/[locale]/(public)/image/detail/[slug]/page.tsx index 8d549e4e..489bba71 100644 --- a/app/[locale]/(public)/image/detail/[slug]/page.tsx +++ b/app/[locale]/(public)/image/detail/[slug]/page.tsx @@ -81,14 +81,15 @@ const DetailInfo = () => { ]; return ( -
-
- {/* Bagian Kiri */} - -
+ <> +
+
+ {/* Bagian Kiri */} + +
{/* Gambar Besar */}
- Main + Main
@@ -101,16 +102,14 @@ const DetailInfo = () => { ))}
- - {/* Bagian Kanan */} - -
+ {/* Bagian Kanan */} +
-

Simpan

+
{/* garis */}
@@ -159,11 +158,9 @@ const DetailInfo = () => { Download
- -
+
- {/* Footer Informasi */} - + {/* Footer Informasi */}
oleh {detailDataImage?.uploadedBy?.userLevel?.name}  |  Diupdate pada {detailDataImage?.updatedAt} WIB  |  @@ -178,7 +175,8 @@ const DetailInfo = () => {

{detailDataImage?.title}

- +
+
{/* Comment */}

Berikan Komentar

@@ -190,8 +188,8 @@ const DetailInfo = () => {
- -
+
+ ); }; diff --git a/app/[locale]/(public)/image/filter/page.tsx b/app/[locale]/(public)/image/filter/page.tsx index f8e791e2..4fe764dc 100644 --- a/app/[locale]/(public)/image/filter/page.tsx +++ b/app/[locale]/(public)/image/filter/page.tsx @@ -9,6 +9,7 @@ import { getListContent } from "@/service/landing/landing"; import { ColumnDef, ColumnFiltersState, PaginationState, SortingState, VisibilityState, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table"; import LandingPagination from "@/components/landing-page/pagination"; import { Reveal } from "@/components/landing-page/Reveal"; +import { Link } from "@/i18n/routing"; const columns: ColumnDef[] = [ { @@ -106,14 +107,13 @@ const FilterPage = () => {

{" "} - Audio Visual {">"} Semua Audio Visual + Foto {">"} Semua Foto

|

-

Terdapat 324911 artikel berisi Audio Visual yang dapat diunduh

+

Terdapat 324911 artikel berisi Foto yang dapat diunduh

{/* Left */} -

Filter

@@ -186,15 +186,20 @@ const FilterPage = () => { {imageData?.map((image: any) => ( - -
- {formatDateToIndonesian(new Date(image?.createdAt))} {image?.timezone ? image?.timezone : "WIB"}| - {image?.clickCount}{" "} - - - {" "} -
-
{image?.title}
+ + +
+ {formatDateToIndonesian(new Date(image?.createdAt))} {image?.timezone ? image?.timezone : "WIB"}| + {image?.clickCount}{" "} + + + {" "} +
+
{image?.title}
+ ))} diff --git a/app/[locale]/(public)/indeks/detail/[slug]/page.tsx b/app/[locale]/(public)/indeks/detail/[slug]/page.tsx index 8f1faeee..ac4bfacf 100644 --- a/app/[locale]/(public)/indeks/detail/[slug]/page.tsx +++ b/app/[locale]/(public)/indeks/detail/[slug]/page.tsx @@ -1,129 +1,73 @@ "use client"; -import { Card, CardContent } from "@/components/ui/card"; -import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@/components/ui/carousel"; import { Textarea } from "@/components/ui/textarea"; -import Link from "next/link"; -import { usePathname, useRouter } from "next/navigation"; -import React, { useState } from "react"; -import { textEllipsis } from "@/utils/globals"; - -const dummyImage = [ - { - id: 1, - title: "Giat Polri", - thumbnail: "/assets/banner-sample.png", - htmlDescription: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia ratione qui quidem, saepe blanditiis vero reiciendis commodi adipisci libero voluptatum, nisi eum hic quis dolorem, et aperiam consectetur perspiciatis error optio rem dolores tempore ducimus quos officia! Dicta odio dolorem quam necessitatibus libero mollitia reiciendis? Veniam, fugit incidunt? Quidem, consectetur.", - }, - { - id: 2, - title: "Giat Polri", - thumbnail: "https://mediahub.polri.go.id/api/media/categories/view-thumbnail?id=125¤tMilis=1732769540018", - htmlDescription: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia ratione qui quidem, saepe blanditiis vero reiciendis commodi adipisci libero voluptatum, nisi eum hic quis dolorem, et aperiam consectetur perspiciatis error optio rem dolores tempore ducimus quos officia! Dicta odio dolorem quam necessitatibus libero mollitia reiciendis? Veniam, fugit incidunt? Quidem, consectetur.", - }, - { - id: 3, - title: "Giat Polri", - thumbnail: "https://mediahub.polri.go.id/api/media/categories/view-thumbnail?id=128¤tMilis=1732769540018", - htmlDescription: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia ratione qui quidem, saepe blanditiis vero reiciendis commodi adipisci libero voluptatum, nisi eum hic quis dolorem, et aperiam consectetur perspiciatis error optio rem dolores tempore ducimus quos officia! Dicta odio dolorem quam necessitatibus libero mollitia reiciendis? Veniam, fugit incidunt? Quidem, consectetur.", - }, - { - id: 4, - thumbnail: "https://mediahub.polri.go.id/api/media/categories/view-thumbnail?id=127¤tMilis=1732769540018", - htmlDescription: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia ratione qui quidem, saepe blanditiis vero reiciendis commodi adipisci libero voluptatum, nisi eum hic quis dolorem, et aperiam consectetur perspiciatis error optio rem dolores tempore ducimus quos officia! Dicta odio dolorem quam necessitatibus libero mollitia reiciendis? Veniam, fugit incidunt? Quidem, consectetur.", - }, - { - id: 5, - title: "Giat Polri", - thumbnail: "https://mediahub.polri.go.id/api/media/categories/view-thumbnail?id=93¤tMilis=1732769540018", - htmlDescription: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia ratione qui quidem, saepe blanditiis vero reiciendis commodi adipisci libero voluptatum, nisi eum hic quis dolorem, et aperiam consectetur perspiciatis error optio rem dolores tempore ducimus quos officia! Dicta odio dolorem quam necessitatibus libero mollitia reiciendis? Veniam, fugit incidunt? Quidem, consectetur.", - }, -]; - -const dummyData = { - id: 12312, - title: "TITLE", - createdBy: "Mabes", - createdAt: "21-21-2021", - time: "18:23", - desc: "halooo", - htmlDescription: - '

Polres Kobar - Polres Kotawaringin Barat (Kobar) memberikan bantuan sosial kepada warga yang berada di Daerah Aliran Sungai (DAS) Arut khususnya yang terdampak banjir, Sabtu (30/11/2024) pagi.

Kapolda Kalteng Irjen Pol Drs. Djoko Poerwanto melalui Kapolres Kobar AKBP Yusfandi Usman, S.I.K., M.I.K., menjelaskan bahwa pihaknya membagikan 200 paket sembako sebagai bentuk kepedulian kepada masyarakat.

"Saya bersama personel turun langsung membagikan bantuan berupa paket sembako yang diserahkan kepada masyarakat sekaligus monitoring ke lokasi pinggiran sungai yang mulai sebagain terdampak banjir akibat curah hujan tinggi,” ungkap Kapolres.

Lebih lanjut, orang nomor satu di Polres Kobar ini, mengungkapkan kegiatan tersebut dilakukan dalam rangka tanggap waspada dan antisipasi bencana banjir di wilayah Kabupaten Kobar.

“Kami minta masyarakat tetap waspada banjir menyikapi cuaca yang berubah-ubah saat ini, tidak menutup kemungkinan bertambahnya volume air sungai, jika diguyur hujan terus menerus,” jelasnya.

', -}; +import { useParams, usePathname, useRouter } from "next/navigation"; +import React, { useEffect, useState } from "react"; +import NewContent from "@/components/landing-page/new-content"; +import { Link } from "@/i18n/routing"; +import { getDetailIndeks } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; const IndeksDetail = () => { - const [selectedSize, setSelectedSize] = useState("L"); - const [selectedTab, setSelectedTab] = useState("video"); - const router = useRouter(); - const pathname = usePathname(); + const [indeksData, setIndeksData] = useState(); + const params = useParams(); + const slug = params?.slug; + + useEffect(() => { + initFetch(); + }, []); + const initFetch = async () => { + const response = await getDetailIndeks(); + console.log(response); + setIndeksData(response?.data?.data?.content); + }; return ( -
- {/* Judul */} -
-

INDEKS / DETAIL

-

{dummyData.title}

-
- {/* Gambar Utama */} -
- Main -
- {/* Footer Informasi */} -
-

- oleh {dummyData.createdBy} | Diupdate pada {dummyData.createdAt} {dummyData.time} WIB | 👁️ 65 -

-
+ <> + {indeksData?.map((indeks: any) => ( +
+ {/* Judul */} +
+

{indeks?.title}

+
+ {/* Gambar Utama */} +
+ Main +
+ {/* Footer Informasi */} +
+

+ {formatDateToIndonesian(new Date(indeks?.createdAt))} {indeks?.timezone ? indeks?.timezone : "WIB"}|{" "} + + + {" "} + {indeks?.clickCount} +

+
- {/* Keterangan */} -
-
-
+ {/* Keterangan */} +
+

+

+
+ ))} - {/* Comment */} -
-

Berikan Komentar

-