Skip to content

Commit 177bcfb

Browse files
committed
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
1 parent e3169c3 commit 177bcfb

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

app/components/@settings/core/AvatarDropdown.tsx

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,24 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
151151
<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" />
152152
Report Bug
153153
</DropdownMenu.Item>
154+
155+
<DropdownMenu.Item
156+
className={classNames(
157+
'flex items-center gap-2 px-4 py-2.5',
158+
'text-sm text-gray-700 dark:text-gray-200',
159+
'hover:bg-purple-50 dark:hover:bg-purple-500/10',
160+
'hover:text-purple-500 dark:hover:text-purple-400',
161+
'cursor-pointer transition-all duration-200',
162+
'outline-none',
163+
'group',
164+
)}
165+
onClick={() =>
166+
window.open('https://stackblitz-labs.github.io/bolt.diy/', '_blank')
167+
}
168+
>
169+
<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" />
170+
Help & Documentation
171+
</DropdownMenu.Item>
154172
</DropdownMenu.Content>
155173
</DropdownMenu.Portal>
156174
</DropdownMenu.Root>

0 commit comments

Comments
 (0)