From 19e019fbe9924a39d2f5acee83450dfa312e856d Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Thu, 30 Jan 2025 07:16:16 +0700
Subject: [PATCH] feat: update article thumbnails

---
 components/landing/HeaderNews.tsx    | 6 +++---
 components/main/detail/list-news.tsx | 2 +-
 components/page/detail-news.tsx      | 4 ++--
 components/page/related-news.tsx     | 2 +-
 components/page/sidebar-detail.tsx   | 4 ++--
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/landing/HeaderNews.tsx b/components/landing/HeaderNews.tsx
index a64a499..737af1f 100644
--- a/components/landing/HeaderNews.tsx
+++ b/components/landing/HeaderNews.tsx
@@ -71,7 +71,7 @@ export default function HeaderNews() {
                 <Card isFooterBlurred radius="lg" className="border-none">
                   <img
                     alt="headernews"
-                    src="/headernews.png"
+                    src={newsItem.thumbnailUrl}
                     className="h-[25vh] object-cover"
                   />
 
@@ -113,7 +113,7 @@ export default function HeaderNews() {
             >
               <img
                 alt="headernews"
-                src="/headernews.png"
+                    src={data.thumbnailUrl}
                 className="object-cover w-[18%] rounded-md"
               />
               <div>
@@ -193,7 +193,7 @@ export default function HeaderNews() {
                 >
                   <img
                     alt="headernews"
-                    src="/headernews.png"
+                    src={newsItem.thumbnailUrl}
                     className="w-full h-[67vh] object-cover rounded-lg"
                   />
 
diff --git a/components/main/detail/list-news.tsx b/components/main/detail/list-news.tsx
index e742792..c9a11d6 100644
--- a/components/main/detail/list-news.tsx
+++ b/components/main/detail/list-news.tsx
@@ -87,7 +87,7 @@ export default function ListNews() {
             >
               <div className="">
                 <img
-                  src="/headernews.png"
+                  src={news.thumbnailUrl}
                   alt="thumbnail"
                   className="rounded-md"
                 />
diff --git a/components/page/detail-news.tsx b/components/page/detail-news.tsx
index 7114786..8744495 100644
--- a/components/page/detail-news.tsx
+++ b/components/page/detail-news.tsx
@@ -135,8 +135,8 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
       <div className="flex justify-center my-2 lg:my-5">
         <img
           alt="NextUI hero Image"
-          src="/detail.png"
-          className="object-cover w-[80%]"
+          src={data?.thumbnailUrl}
+          className="object-cover w-[100%]"
         />
       </div>
       <div
diff --git a/components/page/related-news.tsx b/components/page/related-news.tsx
index ec890f3..35d3b8b 100644
--- a/components/page/related-news.tsx
+++ b/components/page/related-news.tsx
@@ -69,7 +69,7 @@ export default function RelatedNews() {
                 <Card isFooterBlurred radius="lg" className="border-none">
                   <img
                     alt="headernews"
-                    src="/headernews.png"
+                    src={newsItem.thumbnailUrl}
                     className="h-[25vh] object-cover rounded-none"
                   />
                   <CardFooter className="before:bg-white/10 border-white/20 border-1 overflow-hidden py-1 md:absolute bottom-1 shadow-small z-10">
diff --git a/components/page/sidebar-detail.tsx b/components/page/sidebar-detail.tsx
index 8250e90..87e7b92 100644
--- a/components/page/sidebar-detail.tsx
+++ b/components/page/sidebar-detail.tsx
@@ -56,7 +56,7 @@ export default function SidebarDetail() {
                 <div className="h-[230px] lg:h-[180px] flex flex-col gap-2 bg-gray-50 dark:bg-stone-900 p-5 rounded-lg">
                   <img
                     alt="headernews"
-                    src="/headernews.png"
+                    src={newsItem.thumbnailUrl}
                     className="object-cover !h-[70%] rounded-lg"
                   />
                   <div className="text-black dark:text-white flex flex-col">
@@ -106,7 +106,7 @@ export default function SidebarDetail() {
                 <div className="h-[230px] lg:h-[180px] flex flex-col gap-2 bg-gray-50 dark:bg-stone-900 p-5 rounded-lg">
                   <img
                     alt="headernews"
-                    src="/headernews.png"
+                    src={newsItem.thumbnailUrl}
                     className="object-cover !h-[70%] rounded-lg"
                   />
                   <div className="text-black dark:text-white flex flex-col">