From 1136d47c09d3f72e467f27faaa372619c377ddeb Mon Sep 17 00:00:00 2001
From: ashilkn <ashilkn99@gmail.com>
Date: Thu, 17 Oct 2024 17:46:41 +0530
Subject: [PATCH] [mob][photos] Show face thumbnail and name of face if
 available in FaceFilterChip

---
 .../hierarchicial_search/applied_filters.dart |  1 +
 .../hierarchicial_search/filter_chip.dart     | 39 ++++++++++++++++++-
 .../recommended_filters.dart                  |  1 +
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/mobile/lib/ui/viewer/hierarchicial_search/applied_filters.dart b/mobile/lib/ui/viewer/hierarchicial_search/applied_filters.dart
index 327e613da8..e51cde10f2 100644
--- a/mobile/lib/ui/viewer/hierarchicial_search/applied_filters.dart
+++ b/mobile/lib/ui/viewer/hierarchicial_search/applied_filters.dart
@@ -56,6 +56,7 @@ class _AppliedFiltersState extends State<AppliedFilters> {
                   personId: filter.personId,
                   clusterId: filter.clusterId,
                   faceThumbnailFile: EnteFile(),
+                  name: filter.name(),
                 )
               : GenericFilterChip(
                   label: filter.name(),
diff --git a/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart b/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
index a018b8c24d..ebcee9465f 100644
--- a/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
+++ b/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
@@ -1,6 +1,7 @@
 import "package:flutter/widgets.dart";
 import "package:photos/models/file/file.dart";
 import "package:photos/theme/ente_theme.dart";
+import "package:photos/ui/viewer/search/result/person_face_widget.dart";
 
 class GenericFilterChip extends StatelessWidget {
   final String label;
@@ -54,16 +55,52 @@ class FaceFilterChip extends StatelessWidget {
   final String? personId;
   final String? clusterId;
   final EnteFile faceThumbnailFile;
+  final String name;
 
   const FaceFilterChip({
     required this.personId,
     required this.clusterId,
     required this.faceThumbnailFile,
+    required this.name,
     super.key,
   });
 
   @override
   Widget build(BuildContext context) {
-    return const Placeholder();
+    return Container(
+      decoration: BoxDecoration(
+        color: getEnteColorScheme(context).fillFaint,
+        borderRadius: const BorderRadius.all(Radius.circular(8)),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 8.0),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            ClipOval(
+              child: SizedBox(
+                width: 32,
+                height: 32,
+                child: PersonFaceWidget(
+                  faceThumbnailFile,
+                  personId: personId,
+                  clusterID: clusterId,
+                ),
+              ),
+            ),
+            name.isNotEmpty
+                ? Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 4),
+                    child: Text(
+                      name,
+                      style: getEnteTextTheme(context).miniBold,
+                    ),
+                  )
+                : const SizedBox.shrink(),
+          ],
+        ),
+      ),
+    );
   }
 }
diff --git a/mobile/lib/ui/viewer/hierarchicial_search/recommended_filters.dart b/mobile/lib/ui/viewer/hierarchicial_search/recommended_filters.dart
index c83e42e03b..da81438fec 100644
--- a/mobile/lib/ui/viewer/hierarchicial_search/recommended_filters.dart
+++ b/mobile/lib/ui/viewer/hierarchicial_search/recommended_filters.dart
@@ -55,6 +55,7 @@ class _RecommendedFiltersState extends State<RecommendedFilters> {
                   personId: filter.personId,
                   clusterId: filter.clusterId,
                   faceThumbnailFile: filter.faceFile,
+                  name: filter.name(),
                 )
               : GenericFilterChip(
                   label: filter.name(),