From da21dcbd9efb40ab67a90416eef6bafcc194adff Mon Sep 17 00:00:00 2001
From: ashilkn <ashilkn99@gmail.com>
Date: Tue, 22 Oct 2024 12:35:58 +0530
Subject: [PATCH] [mob][photos] Show loading indicator till the image of face
 in face filter is ready

---
 mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart | 1 +
 mobile/lib/ui/viewer/search/result/person_face_widget.dart | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart b/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
index a053b88157..a380ebe692 100644
--- a/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
+++ b/mobile/lib/ui/viewer/hierarchicial_search/filter_chip.dart
@@ -102,6 +102,7 @@ class FaceFilterChip extends StatelessWidget {
                     faceThumbnailFile,
                     personId: personId,
                     clusterID: clusterId,
+                    thumbnailFallback: false,
                   ),
                 ),
               ),
diff --git a/mobile/lib/ui/viewer/search/result/person_face_widget.dart b/mobile/lib/ui/viewer/search/result/person_face_widget.dart
index 3f5b73f327..cb82dfc130 100644
--- a/mobile/lib/ui/viewer/search/result/person_face_widget.dart
+++ b/mobile/lib/ui/viewer/search/result/person_face_widget.dart
@@ -8,6 +8,7 @@ import 'package:photos/models/file/file.dart';
 import "package:photos/models/ml/face/face.dart";
 import "package:photos/models/ml/face/person.dart";
 import "package:photos/services/machine_learning/face_ml/person/person_service.dart";
+import "package:photos/theme/ente_theme.dart";
 import "package:photos/ui/common/loading_widget.dart";
 import "package:photos/ui/viewer/file/thumbnail_widget.dart";
 import "package:photos/utils/face/face_box_crop.dart";
@@ -70,7 +71,9 @@ class PersonFaceWidget extends StatelessWidget {
           }
           return thumbnailFallback
               ? ThumbnailWidget(file)
-              : const EnteLoadingWidget();
+              : EnteLoadingWidget(
+                  color: getEnteColorScheme(context).fillMuted,
+                );
         }
       },
     );