From e853b29126b85e59809593a53a18824b66ca85ea Mon Sep 17 00:00:00 2001
From: Apple <apple@MacBook-Pro.local>
Date: Fri, 28 Nov 2025 03:33:07 -0800
Subject: [PATCH] fix: typescript error in citizens page

---
 apps/web/src/app/citizens/page.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/app/citizens/page.tsx b/apps/web/src/app/citizens/page.tsx
index 16ed1811..fde46ddf 100644
--- a/apps/web/src/app/citizens/page.tsx
+++ b/apps/web/src/app/citizens/page.tsx
@@ -106,16 +106,17 @@ export default function CitizensPage() {
         </div>
         
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {(isLoading ? Array.from({ length: 6 }) : citizens).map(
-            (citizen, index) =>
-              citizen ? (
-                <CitizenCard key={citizen.slug} citizen={citizen} />
-              ) : (
-                <div
-                  key={`placeholder-${index}`}
-                  className="bg-white/5 rounded-2xl border border-white/5 animate-pulse h-60"
-                />
-              )
+          {isLoading ? (
+            Array.from({ length: 6 }).map((_, index) => (
+              <div
+                key={`placeholder-${index}`}
+                className="bg-white/5 rounded-2xl border border-white/5 animate-pulse h-60"
+              />
+            ))
+          ) : (
+            citizens.map((citizen) => (
+              <CitizenCard key={citizen.slug} citizen={citizen} />
+            ))
           )}
         </div>