Avatar Button

Defines the menu items within the user avatar dropdown menu. Each item is a MenuItemConfig.

src/config/avatar-config.ts

export function getAvatarLinks(): MenuItemConfig[] {
  return [
    { title: m.dashboard, href: Routes.Dashboard, icon: IconLayoutDashboard },
    { title: m.billing, href: Routes.SettingsBilling, icon: IconCreditCard },
    { title: m.settings, href: Routes.SettingsProfile, icon: IconSettings2 },
  ];
}

The avatar configuration defines the dropdown menu that appears when a user clicks on their profile avatar. It typically includes the following links:

• User dashboard
• Account settings
• Billing/subscription management
• Log out option (configured by default, no additional setup required)

This menu provides users with quick access to specific features without cluttering the main navigation.

Next Steps

Now that you understand the avatar configuration, explore these related topics:

• Website Configuration - Configure core website settings

• Navbar Configuration - Configure the header navigation menu

• Footer Configuration - Configure links in the website footer

• Sidebar Configuration - Configure the dashboard navigation menu

• Sidebar Menu

• Social Media