feat: add help icon to sidebar linking to documentation

- Add HelpButton component with question mark icon
- Integrate help button into sidebar next to settings button
- Link opens documentation in new tab when clicked
- Maintain consistent styling with existing sidebar buttons
- Improve user accessibility to documentation resources
This commit is contained in:
Stijnus
2025-08-31 19:37:09 +02:00
parent ad4a31a406
commit 61e5cbd4e5
2 changed files with 22 additions and 2 deletions

View File

@@ -16,3 +16,20 @@ export const SettingsButton = memo(({ onClick }: SettingsButtonProps) => {
/>
);
});
interface HelpButtonProps {
onClick: () => void;
}
export const HelpButton = memo(({ onClick }: HelpButtonProps) => {
return (
<IconButton
onClick={onClick}
icon="i-ph:question"
size="xl"
title="Help & Documentation"
data-testid="help-button"
className="text-[#666] hover:text-bolt-elements-textPrimary hover:bg-bolt-elements-item-backgroundActive/10 transition-colors"
/>
);
});