-
-
Notifications
You must be signed in to change notification settings - Fork 266
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(suite): Fix buy/sell/dca buttons #15795
Conversation
5badd87
to
7d2f699
Compare
I don't think this is a good idea. Select bar is a form component, not a navigation one. I'd just create the Subtabs component. Or use Tabs here, since it's supposed to be there anyway. |
7d2f699
to
1d62467
Compare
1d62467
to
44e0713
Compare
@@ -156,6 +163,7 @@ type ValueTypes = number | string | boolean; | |||
type Option<V extends ValueTypes> = { | |||
label: ReactNode; | |||
value: V; | |||
icon?: IconName; |
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.
iconName
|
||
export const allowedSelectBarFrameProps = ['margin', 'width'] as const satisfies FramePropsKeys[]; | ||
type AllowedFrameProps = Pick<FrameProps, (typeof allowedSelectBarFrameProps)[number]>; | ||
|
||
export const fillTypes = ['none', 'default'] as const; |
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.
Perhaps we should create a common fill types like for other props, it's used in many components.
}>` | ||
position: relative; | ||
display: grid; | ||
grid-auto-columns: ${({ $optionsCount }) => `minmax(${getPuckWidth($optionsCount)}, 1fr)`}; | ||
grid-auto-flow: column; | ||
gap: ${spacingsPx.xxs}; | ||
padding: ${spacingsPx.xxs}; | ||
background: ${mapElevationToBackground}; | ||
background: ${({ $fillType, theme, $elevation }) => |
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.
Do it the other way around, unset the background when fillType is none. Then you don't have to pass all the props to the mapElevationToBackground.
Already fixed in other PR |
Description
Related Issue
Resolve
Screenshots:
before
after