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:
@@ -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" />
|
||||
Report Bug
|
||||
</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.Portal>
|
||||
</DropdownMenu.Root>
|
||||
|
||||
Reference in New Issue
Block a user