feat: add Help & Documentation to avatar dropdown menu

- Added Help & Documentation option to user avatar dropdown in console dashboard
- Provides easy access to documentation from any page in the application
- Maintains consistent styling with other dropdown menu items
- Uses same help icon and links to official documentation
- Improves user experience by providing help access from main dashboard area
This commit is contained in:
Stijnus
2025-09-05 01:52:00 +02:00
parent e3169c358e
commit 177bcfb903

View File

@@ -151,6 +151,24 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
<div className="i-ph:bug w-4 h-4 text-gray-400 group-hover:text-purple-500 dark:group-hover:text-purple-400 transition-colors" /> <div className="i-ph:bug w-4 h-4 text-gray-400 group-hover:text-purple-500 dark:group-hover:text-purple-400 transition-colors" />
Report Bug Report Bug
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item
className={classNames(
'flex items-center gap-2 px-4 py-2.5',
'text-sm text-gray-700 dark:text-gray-200',
'hover:bg-purple-50 dark:hover:bg-purple-500/10',
'hover:text-purple-500 dark:hover:text-purple-400',
'cursor-pointer transition-all duration-200',
'outline-none',
'group',
)}
onClick={() =>
window.open('https://stackblitz-labs.github.io/bolt.diy/', '_blank')
}
>
<div className="i-ph:question w-4 h-4 text-gray-400 group-hover:text-purple-500 dark:group-hover:text-purple-400 transition-colors" />
Help & Documentation
</DropdownMenu.Item>
</DropdownMenu.Content> </DropdownMenu.Content>
</DropdownMenu.Portal> </DropdownMenu.Portal>
</DropdownMenu.Root> </DropdownMenu.Root>