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, };