From 0de4922d72c301e0d8d5d9c8804c46d2dfe803bb Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 10 May 2026 13:42:02 -0500
Subject: [PATCH] add loading indicator

---
 web/src/pages/FaceLibrary.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index 2a9d4d6de7..a57196327a 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -474,6 +474,7 @@ export default function FaceLibrary() {
             attemptImages={trainImages}
             faceNames={faces}
             selectedFaces={selectedFaces}
+            isLoading={faceData === undefined}
             onClickFaces={onClickFaces}
             onAddFace={() => setAddFace(true)}
             onRefresh={refreshFaces}
@@ -693,6 +694,7 @@ type TrainingGridProps = {
   attemptImages: string[];
   faceNames: string[];
   selectedFaces: string[];
+  isLoading: boolean;
   onClickFaces: (images: string[], ctrl: boolean) => void;
   onAddFace: () => void;
   onRefresh: (
@@ -711,6 +713,7 @@ function TrainingGrid({
   attemptImages,
   faceNames,
   selectedFaces,
+  isLoading,
   onClickFaces,
   onAddFace,
   onRefresh,
@@ -766,6 +769,12 @@ function TrainingGrid({
   ]);
 
   if (attemptImages.length == 0) {
+    if (isLoading) {
+      return (
+        <ActivityIndicator className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 items-center text-center" />
+      );
+    }
+
     if (faceNames.length == 0) {
       return (
         <EmptyCard