From 9c36cb569d8568bf994b60e24282c7cd6d9b4b5b Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Thu, 3 Jul 2025 16:12:17 +0800
Subject: [PATCH] fix

---
 components/landing-page/citizen-news/header-citizen.tsx   | 8 +++-----
 .../landing-page/development/header-development.tsx       | 5 -----
 components/landing-page/health/header-health.tsx          | 8 +++-----
 3 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/components/landing-page/citizen-news/header-citizen.tsx b/components/landing-page/citizen-news/header-citizen.tsx
index 675e066..f964133 100644
--- a/components/landing-page/citizen-news/header-citizen.tsx
+++ b/components/landing-page/citizen-news/header-citizen.tsx
@@ -44,10 +44,10 @@ export default function HeaderCitizen() {
     endDate: null,
   });
 
-  const pathname = usePathname(); // e.g., "/category/development"
-  const pathSegments = pathname.split("/").filter(Boolean); // ["category", "development"]
+  const pathname = usePathname();
+  const pathSegments = pathname.split("/").filter(Boolean);
 
-  const categorySlug = pathSegments[1]; // "development"
+  const categorySlug = pathSegments[1];
   const categoryLabel = slugToLabel(categorySlug);
 
   useEffect(() => {
@@ -96,7 +96,6 @@ export default function HeaderCitizen() {
 
       <div className="pb-5">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
-          {/* Gambar besar di kiri */}
           {articles.length > 0 && (
             <div className="md:col-span-2 relative">
               <Link href={`/detail/${articles[0]?.id}`}>
@@ -134,7 +133,6 @@ export default function HeaderCitizen() {
             </div>
           )}
 
-          {/* Dua gambar kecil di kanan */}
           <div className="grid grid-rows-2 gap-2">
             {articles.slice(1, 3).map((article, index) => (
               <div key={index} className="relative">
diff --git a/components/landing-page/development/header-development.tsx b/components/landing-page/development/header-development.tsx
index 88494d4..23c7a17 100644
--- a/components/landing-page/development/header-development.tsx
+++ b/components/landing-page/development/header-development.tsx
@@ -100,7 +100,6 @@ export default function HeaderDevelopment() {
 
       <div className="pb-5">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
-          {/* Gambar besar di kiri */}
           {articles.length > 0 && (
             <div className="md:col-span-2 relative">
               <Link href={`/detail/${articles[0]?.id}`}>
@@ -138,7 +137,6 @@ export default function HeaderDevelopment() {
             </div>
           )}
 
-          {/* Dua gambar kecil di kanan */}
           <div className="grid grid-rows-2 gap-2">
             {articles.slice(1, 3).map((article, index) => (
               <div key={index} className="relative">
@@ -167,9 +165,6 @@ export default function HeaderDevelopment() {
             ))}
           </div>
         </div>
-
-        <div>
-          </div>>
       </div>
     </section>
   );
diff --git a/components/landing-page/health/header-health.tsx b/components/landing-page/health/header-health.tsx
index 5c2207e..602cade 100644
--- a/components/landing-page/health/header-health.tsx
+++ b/components/landing-page/health/header-health.tsx
@@ -44,10 +44,10 @@ export default function HeaderHealth() {
     endDate: null,
   });
 
-  const pathname = usePathname(); // e.g., "/category/development"
-  const pathSegments = pathname.split("/").filter(Boolean); // ["category", "development"]
+  const pathname = usePathname();
+  const pathSegments = pathname.split("/").filter(Boolean);
 
-  const categorySlug = pathSegments[1]; // "development"
+  const categorySlug = pathSegments[1];
   const categoryLabel = slugToLabel(categorySlug);
 
   useEffect(() => {
@@ -96,7 +96,6 @@ export default function HeaderHealth() {
 
       <div className="pb-5">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
-          {/* Gambar besar di kiri */}
           {articles.length > 0 && (
             <div className="md:col-span-2 relative">
               <Link href={`/detail/${articles[0]?.id}`}>
@@ -134,7 +133,6 @@ export default function HeaderHealth() {
             </div>
           )}
 
-          {/* Dua gambar kecil di kanan */}
           <div className="grid grid-rows-2 gap-2">
             {articles.slice(1, 3).map((article, index) => (
               <div key={index} className="relative">