From a4660873b4612b18ca78346dbe549c4006f4aabe Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Sat, 29 Nov 2025 14:09:25 +0800
Subject: [PATCH] feat: wrap AccountSettings component with Suspense and add a
 loading fallback UI

---
 app/settings/page.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index e94d291..d07296b 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { Suspense } from 'react';
 import { AddSourceModal } from '@/components/settings/AddSourceModal';
 import { ExportModal } from '@/components/settings/ExportModal';
 import { ImportModal } from '@/components/settings/ImportModal';
@@ -44,7 +45,9 @@ export default function SettingsPage() {
         <SettingsHeader />
 
         {/* Account Settings */}
-        <AccountSettings />
+        <Suspense fallback={<div className="p-6 rounded-[var(--radius-2xl)] bg-[var(--glass-bg)] border border-[var(--glass-border)] backdrop-blur-xl">加载中...</div>}>
+          <AccountSettings />
+        </Suspense>
 
         {/* Source Management */}
         <SourceSettings