update landing

components/landing-page/citizen-news/header-citizen.tsx

@@ -62,6 +62,7 @@ export default function HeaderCitizen() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 

components/landing-page/development/header-development.tsx

@@ -62,6 +62,7 @@ export default function HeaderDevelopment() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 

components/landing-page/header.tsx

@@ -46,6 +46,7 @@ export default function HeroNewsSection() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 

components/landing-page/health/header-health.tsx

@@ -62,6 +62,7 @@ export default function HeaderHealth() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 

components/landing-page/latest-and-popular.tsx

@@ -219,6 +219,7 @@ export default function LatestandPopular() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 
@@ -251,11 +252,11 @@ export default function LatestandPopular() {
                 <div className="relative w-full aspect-video mb-3">
                   <Image
                     src={
-                      articles[0]?.thumbnailUrl ||
-                      articles[0]?.files?.[0]?.file_url ||
+                      article?.thumbnailUrl ||
+                      article?.files?.[0]?.file_url ||
                       "/default-image.jpg"
                     }
-                    alt={"article.title"}
+                    alt={article?.title || "No title"}
                     fill
                     sizes="(max-width: 1024px) 100vw, 33vw"
                     className="object-cover rounded"
@@ -359,7 +360,7 @@ export default function LatestandPopular() {
         <aside className="w-full lg:w-[345px]">
           <div className="">
             <h2 className="text-sm border-b-2 border-gray-300 font-bold mb-4">
-              Most Popularaa
+              Most Popular
             </h2>
             <div className=" w-full">
               <div className="relative w-full aspect-video mb-5">
@@ -412,8 +413,8 @@ export default function LatestandPopular() {
                     <div className="relative w-[120px] h-[86px] shrink-0">
                       <Image
                         src={
-                          articles[0]?.thumbnailUrl ||
-                          articles[0]?.files?.[0]?.file_url ||
+                          article?.thumbnailUrl ||
+                          article?.files?.[0]?.file_url ||
                           "/default-image.jpg"
                         }
                         alt={"article?.title"}

components/landing-page/latest.tsx

@@ -211,6 +211,7 @@ export default function Latest() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 
@@ -235,9 +236,7 @@ export default function Latest() {
             <div className=" w-full">
               <div className="relative w-full aspect-video mb-5">
                 <Image
-                  src={
-                    articles[0]?.files?.[0]?.file_url || "/default-image.jpg"
-                  }
+                  src={articles[0]?.files?.[0]?.file_url || "/nodata.png"}
                   alt={"articles[0]?.title"}
                   fill
                   sizes="(max-width: 1024px) 100vw, 33vw"
@@ -280,7 +279,7 @@ export default function Latest() {
                   <div key={index} className="flex gap-3">
                     <div className="relative w-[120px] h-[86px] shrink-0">
                       <Image
-                        src={article?.thumbnailUrl}
+                        src={article?.thumbnailUrl || "/nodata.png"}
                         alt={"article?.title"}
                         fill
                         className="object-cover"
@@ -368,7 +367,7 @@ export default function Latest() {
                   <div key={index} className="flex gap-3">
                     <div className="relative w-[120px] h-[86px] shrink-0">
                       <Image
-                        src={article?.thumbnailUrl}
+                        src={article?.thumbnailUrl || "/nodata.png"}
                         alt={"article?.title"}
                         fill
                         className="object-cover "

components/landing-page/news.tsx

@@ -45,6 +45,7 @@ export default function Beranda() {
       search,
       categorySlug: Array.from(selectedCategories).join(","),
       sort: "desc",
+      isPublish: true,
       sortBy: "created_at",
     };
 

package.json

@@ -46,7 +46,7 @@
     "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.59.0",
-    "react-password-checklist": "^1.8.1",
+    " ": "^1.8.1",
     "react-select": "^5.10.1",
     "sweetalert2": "^11.22.2",
     "sweetalert2-react-content": "^5.1.0",