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' }}
>
-
+
);
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 }) => {
解锁更多高级功能
-
- 点击头像升级会员
+
+ 点击升级会员
);
@@ -100,8 +112,16 @@ export const TooltipContent = ({ subscriptionInfo }) => {
)}
{/* 操作提示 */}
-
- {isExpired || isUrgent ? '点击头像立即续费' : '点击头像管理订阅'}
+
+ {isExpired || isUrgent ? '点击立即续费' : '点击管理订阅'}
);
@@ -156,4 +176,5 @@ TooltipContent.propTypes = {
is_active: PropTypes.bool,
end_date: PropTypes.string,
}).isRequired,
+ onNavigate: PropTypes.func,
};