From 362aae6729bd40705d3b7f52589aa3f47211961d Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Thu, 21 Aug 2025 09:55:25 +0700
Subject: [PATCH] fix:inp & tbn media update

---
 components/landing/MedolUpdate.tsx | 53 ++++++++++++++++++++++++------
 services/third-party-service.ts    |  2 +-
 2 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/components/landing/MedolUpdate.tsx b/components/landing/MedolUpdate.tsx
index 08f2bb7..212cc2b 100644
--- a/components/landing/MedolUpdate.tsx
+++ b/components/landing/MedolUpdate.tsx
@@ -42,7 +42,8 @@ export default function MedolUpdate() {
       getTbnUpdate();
     }
     if (selectedTab === "inp" && inpUpdate?.length < 1) {
-      getInpUpdate();
+      // getInpUpdate();
+      getTbnUpdate();
     }
   }, [selectedTab]);
 
@@ -53,7 +54,28 @@ export default function MedolUpdate() {
 
   async function getTbnUpdate() {
     const res = await topNewsTbn();
-    setTbnUpdate(res?.data?.data);
+    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);
   }
   async function getInpUpdate() {
     const headers = {
@@ -62,8 +84,8 @@ export default function MedolUpdate() {
     const resLog = await inpLogin(headers);
     const res = await topNewsInp(resLog?.data?.access_token);
     // setInpUpdate(res?.data);
-    setInpUpdate(res?.data?.data);
 
+    setInpUpdate(res?.data?.data);
     // getDataImage(res?.data);
   }
 
@@ -173,7 +195,13 @@ export default function MedolUpdate() {
                       key={newsItem.title}
                       className="hover:shadow-xl hover:opacity-90"
                     >
-                      <Link href={newsItem?.pageUrl} target="_blank">
+                      <Link
+                        href={newsItem?.pageUrl.replace(
+                          "mediahub.polri.go.id/image",
+                          "mediahub.polri.go.id/in/image"
+                        )}
+                        target="_blank"
+                      >
                         <Card
                           isPressable
                           shadow="sm"
@@ -193,7 +221,7 @@ export default function MedolUpdate() {
                               {formatDate(newsItem?.createdAt)}
                             </p>
                             <b className="text-sm">
-                              {textEllipsis(newsItem?.title, 50)}
+                              {textEllipsis(newsItem?.title, 120)}
                             </b>
                           </CardFooter>
                         </Card>
@@ -284,7 +312,7 @@ export default function MedolUpdate() {
                               {formatDate(newsItem?.date)}
                             </p>
                             <b className="text-sm">
-                              {textEllipsis(newsItem?.title, 50)}
+                              {textEllipsis(newsItem?.title, 120)}
                             </b>
                           </CardFooter>
                         </Card>
@@ -354,7 +382,8 @@ export default function MedolUpdate() {
                       className="hover:shadow-xl hover:opacity-90"
                     >
                       <Link
-                        href={`https://inp.polri.go.id/artikel/${newsItem?.slug}`}
+                        // href={`https://inp.polri.go.id/artikel/${newsItem?.slug}`}
+                        href={newsItem.source_url}
                         target="_blank"
                       >
                         <Card
@@ -368,14 +397,18 @@ export default function MedolUpdate() {
                               height={480}
                               alt="thumnail"
                               className="object-cover !h-[20vh]"
-                              src={newsItem?.thumbnail}
+                              src={newsItem?.image}
+                              // src={newsItem?.thumbnail}
                             />
                           </CardBody>
                           <CardFooter className="flex flex-col items-start text-left">
                             {/* {newsItem?.created_at} */}
-                            <p className="text-xs">{newsItem?.created_at}</p>
+                            <p className="text-xs">
+                              {" "}
+                              {formatDate(newsItem?.date)}
+                            </p>
                             <b className="text-sm">
-                              {textEllipsis(newsItem?.judul, 50)}
+                              {textEllipsis(newsItem?.title, 120)}
                             </b>
                           </CardFooter>
                         </Card>
diff --git a/services/third-party-service.ts b/services/third-party-service.ts
index 87a02f8..4760e01 100644
--- a/services/third-party-service.ts
+++ b/services/third-party-service.ts
@@ -93,7 +93,7 @@ export async function topNewsTbn() {
     "content-type": "application/json",
   };
   return await tbnGetNews(
-    `/public/articles?page=1&limit=10&order_by=terkini&source=tbnews`,
+    `/public/articles?page=1&limit=50&order_by=terkini&source=tbnews`,
     headers
   );
 }