From 293886b54a55ad55a8c86c0142d2afcb40d7d51d Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Mon, 15 Dec 2025 16:27:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(Navbar):=20=E8=AE=A2=E9=98=85=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E6=96=87=E6=A1=88=E5=8F=AF=E7=82=B9=E5=87=BB=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "点击管理订阅"文字改为可点击链接，直接跳转订阅页面
- 文案简化：移除"头像"二字
- 链接样式：蓝色文字 + 悬停下划线

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../components/UserMenu/DesktopUserMenu.js    |  5 ++-
 src/components/Subscription/CrownTooltip.js   | 31 ++++++++++++++++---
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbars/components/UserMenu/DesktopUserMenu.js b/src/components/Navbars/components/UserMenu/DesktopUserMenu.js
index 9a45bffb..76340e69 100644
--- a/src/components/Navbars/components/UserMenu/DesktopUserMenu.js
+++ b/src/components/Navbars/components/UserMenu/DesktopUserMenu.js
@@ -60,7 +60,10 @@ const DesktopUserMenu = memo(({ user }) => {
                 _focus={{ outline: 'none' }}
             >
                 <PopoverArrow bg={popoverBg} />
-                <TooltipContent subscriptionInfo={subscriptionInfo} />
+                <TooltipContent
+                    subscriptionInfo={subscriptionInfo}
+                    onNavigate={handleAvatarClick}
+                />
             </PopoverContent>
         </Popover>
     );
diff --git a/src/components/Subscription/CrownTooltip.js b/src/components/Subscription/CrownTooltip.js
index 91ec6104..1cd73029 100644
--- a/src/components/Subscription/CrownTooltip.js
+++ b/src/components/Subscription/CrownTooltip.js
@@ -13,10 +13,14 @@ import PropTypes from 'prop-types';
 /**
  * Tooltip 内容组件 - 显示详细的会员信息
  * 导出此组件供头像也使用相同的 Tooltip 内容
+ *
+ * @param {Object} subscriptionInfo - 订阅信息
+ * @param {Function} onNavigate - 点击跳转回调（可选）
  */
-export const TooltipContent = ({ subscriptionInfo }) => {
+export const TooltipContent = ({ subscriptionInfo, onNavigate }) => {
     const tooltipText = useColorModeValue('gray.700', 'gray.100');
     const dividerColor = useColorModeValue('gray.200', 'gray.600');
+    const linkColor = useColorModeValue('blue.500', 'blue.300');
     const { type, days_left, is_active, end_date } = subscriptionInfo;
 
     // 格式化到期日期
@@ -46,8 +50,16 @@ export const TooltipContent = ({ subscriptionInfo }) => {
                 <Text fontSize="sm" color={tooltipText} opacity={0.8}>
                     解锁更多高级功能
                 </Text>
-                <Text fontSize="xs" color={tooltipText} opacity={0.6} textAlign="center" mt={1}>
-                    点击头像升级会员
+                <Text
+                    fontSize="xs"
+                    color={linkColor}
+                    textAlign="center"
+                    mt={1}
+                    cursor="pointer"
+                    _hover={{ textDecoration: 'underline' }}
+                    onClick={onNavigate}
+                >
+                    点击升级会员
                 </Text>
             </VStack>
         );
@@ -100,8 +112,16 @@ export const TooltipContent = ({ subscriptionInfo }) => {
             )}
 
             {/* 操作提示 */}
-            <Text fontSize="xs" color={tooltipText} opacity={0.6} textAlign="center" mt={1}>
-                {isExpired || isUrgent ? '点击头像立即续费' : '点击头像管理订阅'}
+            <Text
+                fontSize="xs"
+                color={linkColor}
+                textAlign="center"
+                mt={1}
+                cursor="pointer"
+                _hover={{ textDecoration: 'underline' }}
+                onClick={onNavigate}
+            >
+                {isExpired || isUrgent ? '点击立即续费' : '点击管理订阅'}
             </Text>
         </VStack>
     );
@@ -156,4 +176,5 @@ TooltipContent.propTypes = {
         is_active: PropTypes.bool,
         end_date: PropTypes.string,
     }).isRequired,
+    onNavigate: PropTypes.func,
 };