From 85548051a657ac8cf0b09342c46dd0716f1020ce Mon Sep 17 00:00:00 2001
From: AnubhavKiroula <anubhavkiroula1@gmail.com>
Date: Sat, 3 Jan 2026 18:40:04 +0530
Subject: [PATCH] Improve type safety in FaceCollections.tsx by replacing `any`
 with `Cluster`

The FaceCollections component was using `(cluster: any)` in the `.map()` function.
This commit updates it to `(cluster: Cluster)` since the `Cluster` type is already imported.
This ensures stronger typing, prevents misuse of cluster properties, and aligns with React best practices.
No functional changes were made; the component continues to use `cluster.cluster_id` as a unique key.
---
 frontend/src/components/FaceCollections.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/FaceCollections.tsx b/frontend/src/components/FaceCollections.tsx
index 38693ad2f..556bedaf0 100644
--- a/frontend/src/components/FaceCollections.tsx
+++ b/frontend/src/components/FaceCollections.tsx
@@ -54,7 +54,7 @@ export function FaceCollections() {
           to see all their photos.
         </p>
         <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8">
-          {clusters.map((cluster: any) => (
+          {clusters.map((cluster: Cluster) => (
             <div
               key={cluster.cluster_id}
               className="hover:bg-accent flex cursor-pointer flex-col items-center gap-2 rounded-lg p-4 transition-colors dark:hover:bg-white/10"