-
Notifications
You must be signed in to change notification settings - Fork 25
feat: implement setting menu #1265
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR implements a comprehensive settings menu feature with theme selection, bug reporting, and additional menu options. The implementation replaces a simple theme toggle with a full-featured settings interface.
Key changes:
- Implements a new settings menu with theme selector, bug reporting, and policy links
- Adds new icon components for theme selection and bug reporting
- Updates the core UI library dependency to support the new menu components
Reviewed Changes
Copilot reviewed 9 out of 10 changed files in this pull request and generated 2 comments.
Show a summary per file
File | Description |
---|---|
src/ui/common/components/Wallet/Connect.tsx | Adds onClose prop to SettingMenuContent components |
src/ui/common/components/Menu/SettingMenu/index.ts | Exports new SettingMenuThemeSelector component |
src/ui/common/components/Menu/SettingMenu/components/SettingMenuThemeSelector.tsx | New theme selector component with light/dark/system options |
src/ui/common/components/Menu/SettingMenu/components/SettingMenuContent.tsx | Complete rewrite to implement full settings menu with multiple sections |
src/ui/common/components/Icons/index.ts | Updates icon exports to use wildcard exports and adds new icons |
src/ui/common/components/Icons/common/ThemeIcon.tsx | New theme icon component |
src/ui/common/components/Icons/common/ReportBugIcon.tsx | New bug report icon component |
src/ui/common/components/Icons/common/ChevronLeftIcon.tsx | New chevron left icon component |
package.json | Updates core-ui library from 1.4.2 to 1.5.0 |
interface SettingMenuContentProps { | ||
className?: string; | ||
onClose?: () => void; | ||
} | ||
|
||
export const SettingMenuContent = ({ className }: SettingMenuContentProps) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The onClose prop is defined in the interface but not destructured in the function parameter. Either remove it from the interface or use it in the component.
export const SettingMenuContent = ({ className }: SettingMenuContentProps) => { | |
export const SettingMenuContent = ({ className, onClose }: SettingMenuContentProps) => { |
Copilot uses AI. Check for mistakes.
<SettingMenu.Spacer /> | ||
<SettingMenu.CustomContent className="my-4 flex justify-center"> | ||
<Button | ||
className="!bg-[#D5FCE8] !text-black" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hard-coded color values with important flags should be replaced with theme variables or CSS classes to maintain consistency with the design system.
className="!bg-[#D5FCE8] !text-black" | |
className="bg-baby-staking text-baby-staking-text" |
Copilot uses AI. Check for mistakes.
fe3d623
to
90407a0
Compare
90407a0
to
93b17ca
Compare
93b17ca
to
04ac10e
Compare
blocked by babylonlabs-io/core-ui#140