From d79cbc026a7e9ebbd3fea267d1d4edfa25b9dc27 Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Thu, 25 Sep 2025 17:02:21 +0700
Subject: [PATCH] fix:medol update

---
 components/landing/MedolUpdate.tsx | 65 ++++++++++++------------------
 package.json                       |  2 +-
 services/third-party-service.ts    |  9 ++---
 3 files changed, 30 insertions(+), 46 deletions(-)

diff --git a/components/landing/MedolUpdate.tsx b/components/landing/MedolUpdate.tsx
index 68df74c..81f073f 100644
--- a/components/landing/MedolUpdate.tsx
+++ b/components/landing/MedolUpdate.tsx
@@ -43,7 +43,7 @@ export default function MedolUpdate() {
     }
     if (selectedTab === "inp" && inpUpdate?.length < 1) {
       // getInpUpdate();
-      getTbnUpdate();
+      getInpUpdate();
     }
   }, [selectedTab]);
 
@@ -53,39 +53,21 @@ export default function MedolUpdate() {
   }
 
   async function getTbnUpdate() {
-    const res = await topNewsTbn();
-    console.log("tbn data", res?.data?.data);
-    const tempTbn: any = [];
-    const tempINP: any = [];
-
-    for (const element of res?.data?.data) {
-      if (
-        element.website.name.includes("Tribratanews") ||
-        element.website.name.includes("Tribrata News")
-      ) {
-        if (tempTbn.length <= 10) {
-          tempTbn.push(element);
-        }
-      }
-
-      if (element.website.name.includes("INP")) {
-        if (tempINP.length <= 10) {
-          tempINP.push(element);
-        }
-      }
-    }
-    setTbnUpdate(tempTbn);
-    setInpUpdate(tempINP);
+    const res = await topNewsTbn("tribrata-news");
+    console.log("res tbn", res?.data?.data?.latest);
+    setTbnUpdate(res?.data?.data?.latest);
+    // setInpUpdate(tempINP);
   }
   async function getInpUpdate() {
-    const headers = {
-      "content-type": "application/json",
-    };
-    const resLog = await inpLogin(headers);
-    const res = await topNewsInp(resLog?.data?.access_token);
+    // const headers = {
+    //   "content-type": "application/json",
+    // };
+    // const resLog = await inpLogin(headers);
+    // const res = await topNewsInp(resLog?.data?.access_token);
     // setInpUpdate(res?.data);
+    const res = await topNewsTbn("indonesian-national-police");
+    setInpUpdate(res?.data?.data?.latest);
 
-    setInpUpdate(res?.data?.data);
     // getDataImage(res?.data);
   }
 
@@ -215,7 +197,7 @@ export default function MedolUpdate() {
                                 wrapper: "!w-full !max-w-full",
                                 img: "!w-full",
                               }} // src={newsItem.thumbnailLink}
-                              src={`https://mediahub.polri.go.id/api/media/view?id=${newsItem?.id}&operation=thumbnail&isSmall=true`}
+                              src={`https://mediahub.polri.go.id/api/v2/media/view?id=${newsItem?.id}&operation=thumbnail&isSmall=true`}
                             />
                           </CardBody>
                           <CardFooter className="flex flex-col items-start text-left">
@@ -290,10 +272,13 @@ export default function MedolUpdate() {
                 >
                   {tbnUpdate?.map((newsItem: any) => (
                     <SwiperSlide
-                      key={newsItem.title}
+                      key={newsItem.id}
                       className="hover:shadow-xl hover:opacity-90"
                     >
-                      <Link href={newsItem?.source_url} target="_blank">
+                      <Link
+                        href={"https://tribratanews.polri.go.id"}
+                        target="_blank"
+                      >
                         <Card
                           isPressable
                           shadow="sm"
@@ -307,13 +292,13 @@ export default function MedolUpdate() {
                                 img: "!w-full",
                               }}
                               className="object-cover !h-[20vh] w-full"
-                              src={newsItem?.image}
+                              src={newsItem?.thumbnail}
                             />
                           </CardBody>
                           <CardFooter className="flex flex-col items-start text-left">
                             {/* {convertDateFormatNoTime(newsItem?.date)} */}
                             <p className="text-xs">
-                              {formatDate(newsItem?.date)}
+                              {formatDate(newsItem?.publicationDate)}
                             </p>
                             <b className="text-sm">
                               {textEllipsis(newsItem?.title, 120)}
@@ -386,8 +371,10 @@ export default function MedolUpdate() {
                       className="hover:shadow-xl hover:opacity-90"
                     >
                       <Link
-                        // href={`https://inp.polri.go.id/artikel/${newsItem?.slug}`}
-                        href={newsItem.source_url}
+                        href={`https://inp.polri.go.id/artikel/${newsItem?.slug
+                          .split("-")
+                          .slice(0, -1)
+                          .join("-")}`}
                         target="_blank"
                       >
                         <Card
@@ -399,7 +386,7 @@ export default function MedolUpdate() {
                             <Image
                               alt="thumnail"
                               className="object-cover !h-[20vh]"
-                              src={newsItem?.image}
+                              src={newsItem?.thumbnail}
                               // src={newsItem?.thumbnail}
                             />
                           </CardBody>
@@ -407,7 +394,7 @@ export default function MedolUpdate() {
                             {/* {newsItem?.created_at} */}
                             <p className="text-xs">
                               {" "}
-                              {formatDate(newsItem?.date)}
+                              {formatDate(newsItem?.publicationDate)}
                             </p>
                             <b className="text-sm">
                               {textEllipsis(newsItem?.title, 120)}
diff --git a/package.json b/package.json
index c3d1e74..2af9cba 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 4000",
+    "dev": "next dev -p 3000",
     "build": "next build",
     "start": "next start -p 4000",
     "lint": "next lint"
diff --git a/services/third-party-service.ts b/services/third-party-service.ts
index 153d61b..1f5cce6 100644
--- a/services/third-party-service.ts
+++ b/services/third-party-service.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 
 const tbnInstance = axios.create({
-  baseURL: "https://portal.humas.polri.go.id/v1/api",
+  baseURL: "https://api-portal.humas.polri.go.id/api/v1",
   headers: {
     "content-type": "application/json",
   },
@@ -87,14 +87,11 @@ export async function inpLogin(headers: any) {
   }
 }
 
-export async function topNewsTbn() {
+export async function topNewsTbn(type: string) {
   const headers = {
     "content-type": "application/json",
   };
-  return await tbnGetNews(
-    `/public/articles?page=1&limit=50&order_by=terkini&source=tbnews`,
-    headers
-  );
+  return await tbnGetNews(`homepage/article/${type}?limit=5`, headers);
 }
 export async function loginInp() {
   const headers = {