From cd7955f2419595dfbec763fdd7967968ff8441ac Mon Sep 17 00:00:00 2001 From: Anang Yusman Date: Thu, 25 Sep 2025 01:17:03 +0800 Subject: [PATCH] detail --- app/category/opinion-news/page.tsx | 22 +++ app/category/popular-news/page.tsx | 22 +++ app/category/protect/page.tsx | 22 +++ app/detail/[id]/page.tsx | 19 +++ components/details/details-content.tsx | 195 ++++++++-------------- components/editor/tinymce-editor.tsx | 8 +- components/landing-page/breaking-news.tsx | 114 +++++++------ components/landing-page/header-latest.tsx | 38 +++-- components/landing-page/header.tsx | 143 ++++++++-------- components/landing-page/navbar.tsx | 9 +- components/landing-page/news.tsx | 113 +++++++------ components/landing-page/opini.tsx | 159 ++++++++++-------- components/landing-page/popular-news.tsx | 25 +-- public/author.png | Bin 0 -> 45457 bytes 14 files changed, 479 insertions(+), 410 deletions(-) create mode 100644 app/category/opinion-news/page.tsx create mode 100644 app/category/popular-news/page.tsx create mode 100644 app/category/protect/page.tsx create mode 100644 app/detail/[id]/page.tsx create mode 100644 public/author.png diff --git a/app/category/opinion-news/page.tsx b/app/category/opinion-news/page.tsx new file mode 100644 index 0000000..4f922c1 --- /dev/null +++ b/app/category/opinion-news/page.tsx @@ -0,0 +1,22 @@ +import BreakingNews from "@/components/landing-page/breaking-news"; +import Footer from "@/components/landing-page/footer"; +import Header from "@/components/landing-page/header"; +import HeaderLatest from "@/components/landing-page/header-latest"; +import Navbar from "@/components/landing-page/navbar"; +import News from "@/components/landing-page/news"; +import Opini from "@/components/landing-page/opini"; +import PopularNews from "@/components/landing-page/popular-news"; + +export default function Home() { + return ( +
+ +
+ +
+ + +
+
+ ); +} diff --git a/app/category/popular-news/page.tsx b/app/category/popular-news/page.tsx new file mode 100644 index 0000000..4f922c1 --- /dev/null +++ b/app/category/popular-news/page.tsx @@ -0,0 +1,22 @@ +import BreakingNews from "@/components/landing-page/breaking-news"; +import Footer from "@/components/landing-page/footer"; +import Header from "@/components/landing-page/header"; +import HeaderLatest from "@/components/landing-page/header-latest"; +import Navbar from "@/components/landing-page/navbar"; +import News from "@/components/landing-page/news"; +import Opini from "@/components/landing-page/opini"; +import PopularNews from "@/components/landing-page/popular-news"; + +export default function Home() { + return ( +
+ +
+ +
+ + +
+
+ ); +} diff --git a/app/category/protect/page.tsx b/app/category/protect/page.tsx new file mode 100644 index 0000000..4f922c1 --- /dev/null +++ b/app/category/protect/page.tsx @@ -0,0 +1,22 @@ +import BreakingNews from "@/components/landing-page/breaking-news"; +import Footer from "@/components/landing-page/footer"; +import Header from "@/components/landing-page/header"; +import HeaderLatest from "@/components/landing-page/header-latest"; +import Navbar from "@/components/landing-page/navbar"; +import News from "@/components/landing-page/news"; +import Opini from "@/components/landing-page/opini"; +import PopularNews from "@/components/landing-page/popular-news"; + +export default function Home() { + return ( +
+ +
+ +
+ + +
+
+ ); +} diff --git a/app/detail/[id]/page.tsx b/app/detail/[id]/page.tsx new file mode 100644 index 0000000..6aba50d --- /dev/null +++ b/app/detail/[id]/page.tsx @@ -0,0 +1,19 @@ +import DetailContent from "@/components/details/details-content"; +import Footer from "@/components/landing-page/footer"; +import Navbar from "@/components/landing-page/navbar"; +import Image from "next/image"; + +export default function Home() { + return ( +
+
+ +
+ +
+ +
+
+
+ ); +} diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx index 574b6bb..81cc136 100644 --- a/components/details/details-content.tsx +++ b/components/details/details-content.tsx @@ -154,16 +154,17 @@ export default function DetailContent() { useEffect(() => { initState(); - }, [page, showData, startDateValue, selectedCategories]); + }, [page, showData]); async function initState() { // loading(); const req = { limit: showData, - page, - search, - categorySlug: Array.from(selectedCategories).join(","), + page: 1, + search: "", + categorySlug: "", sort: "desc", + isPublish: true, sortBy: "created_at", }; @@ -188,22 +189,12 @@ export default function DetailContent() { setThumbnail(data?.thumbnailUrl); setDiseId(data?.aiArticleId); setDetailFiles(data?.files); - setArticleDetail(data); // <-- Add this + setArticleDetail(data); close(); } return ( <> -
- Background -

Home {">"}Detail

@@ -211,7 +202,7 @@ export default function DetailContent() { {articleDetail?.title}
-
+
- + {articleDetail?.createdByName} @@ -337,11 +328,11 @@ export default function DetailContent() {

- - Mikulnews.com - - - - {articleDetail?.description} +

@@ -360,34 +351,12 @@ export default function DetailContent() {
-
- Berita Utama -
-
-
- Author -
-

- christine natalia -

-
-
+

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib - ditandai * + ditandai *

@@ -396,7 +365,7 @@ export default function DetailContent() { htmlFor="komentar" className="block text-sm font-medium mb-1" > - Komentar * + Komentar *