头像按钮
配置用户头像下拉菜单
定义用户头像下拉菜单中的菜单项,每个项目都是 MenuItem。
export function getAvatarLinks(): MenuItem[] {
const t = useTranslations('Marketing.avatar');
return [
{
title: t('dashboard'),
href: Routes.Dashboard,
icon: <LayoutDashboardIcon className="size-4 shrink-0" />,
},
{
title: t('billing'),
href: Routes.SettingsBilling,
icon: <CreditCardIcon className="size-4 shrink-0" />,
},
{
title: t('settings'),
href: Routes.SettingsProfile,
icon: <Settings2Icon className="size-4 shrink-0" />,
},
];
}头像配置定义了用户点击个人头像时出现的下拉菜单。通常包括以下链接:
- 积分余额(通过
enableCredits在website.tsx中启用) - 用户仪表盘
- 账户设置
- 账单/订阅管理
- 退出登录选项(已默认配置,无需额外配置)
此菜单为用户提供特定功能的快速访问,而不会使主导航变得混乱。
![]()
视频教程
下一步
现在您了解了头像配置,请探索其他相关主题:
MkSaaS文档