From 905ee2457ee5ce9393d7e995df54c1b5a8dabdc5 Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Sat, 26 Jul 2025 22:43:31 +0800
Subject: [PATCH] feat: add storage type indicator

---
 src/components/UserMenu.tsx | 48 +++++++++++++++++++------------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/UserMenu.tsx b/src/components/UserMenu.tsx
index ec58a72..1fab54c 100644
--- a/src/components/UserMenu.tsx
+++ b/src/components/UserMenu.tsx
@@ -301,33 +301,35 @@ export const UserMenu: React.FC = () => {
       {/* 菜单面板 */}
       <div className='fixed top-14 right-4 w-56 bg-white dark:bg-gray-900 rounded-lg shadow-xl z-[1001] border border-gray-200/50 dark:border-gray-700/50 overflow-hidden select-none'>
         {/* 用户信息区域 */}
-        {authInfo?.username && (
-          <div className='px-3 py-2.5 border-b border-gray-200 dark:border-gray-700 bg-gradient-to-r from-gray-50 to-gray-100/50 dark:from-gray-800 dark:to-gray-800/50'>
-            <div className='space-y-1'>
-              <div className='flex items-center justify-between'>
-                <span className='text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider'>
-                  当前用户
-                </span>
-                {authInfo.role && (
-                  <span
-                    className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
-                      authInfo.role === 'owner'
-                        ? 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300'
-                        : authInfo.role === 'admin'
-                        ? 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300'
-                        : 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300'
-                    }`}
-                  >
-                    {getRoleText(authInfo.role)}
-                  </span>
-                )}
-              </div>
+        <div className='px-3 py-2.5 border-b border-gray-200 dark:border-gray-700 bg-gradient-to-r from-gray-50 to-gray-100/50 dark:from-gray-800 dark:to-gray-800/50'>
+          <div className='space-y-1'>
+            <div className='flex items-center justify-between'>
+              <span className='text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider'>
+                当前用户
+              </span>
+              <span
+                className={`inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium ${
+                  (authInfo?.role || 'user') === 'owner'
+                    ? 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300'
+                    : (authInfo?.role || 'user') === 'admin'
+                    ? 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300'
+                    : 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300'
+                }`}
+              >
+                {getRoleText(authInfo?.role || 'user')}
+              </span>
+            </div>
+            <div className='flex items-center justify-between'>
               <div className='font-semibold text-gray-900 dark:text-gray-100 text-sm truncate'>
-                {authInfo.username}
+                {authInfo?.username || 'default'}
+              </div>
+              <div className='text-[10px] text-gray-400 dark:text-gray-500'>
+                数据存储：
+                {storageType === 'localstorage' ? '本地' : storageType}
               </div>
             </div>
           </div>
-        )}
+        </div>
 
         {/* 菜单项 */}
         <div className='py-1'>