From 913ee64b5cd98830a35d14165cc61e18e5720484 Mon Sep 17 00:00:00 2001
From: jarvis2f <137974272+jarvis2f@users.noreply.github.com>
Date: Mon, 30 Dec 2024 16:44:40 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20feat:=20Add=20loading=20to=20mob?=
 =?UTF-8?q?ile=20file=20list=20component.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/file-list.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/src/components/file-list.tsx b/web/src/components/file-list.tsx
index 55b3c33..3257334 100644
--- a/web/src/components/file-list.tsx
+++ b/web/src/components/file-list.tsx
@@ -196,7 +196,16 @@ export function FileList({ accountId, chatId }: FileListProps) {
             />
           ))}
         </div>
-        <div ref={observerTarget} className="h-4" />
+        <div ref={observerTarget} className="h-4">
+          {isLoading && (
+            <div className="flex items-center justify-center">
+              <LoaderPinwheel
+                className="h-8 w-8 animate-spin"
+                style={{ strokeWidth: "0.8px" }}
+              />
+            </div>
+          )}
+        </div>
       </div>
     );
   }