-
Notifications
You must be signed in to change notification settings - Fork 327
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
feat: π Add new AnimatedInputSelect in DS #8167
Conversation
The latest updates on your projects. Learn more about Vercel for Git βοΈ
3 Skipped Deployments
|
ee21088
to
8cd5640
Compare
align-items: center; | ||
width: 100%; | ||
height: auto; | ||
padding: 15px 0px 15px 15px; |
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.
Can we use the spaces from the theme instead of an arbitrary value ? spaces[6] is equal to 16px which is close enough imo
renderRight={() => ( | ||
<SelectComponent | ||
text={text} | ||
color={theme ? inputStatusColors[inputStatus]({ theme }) : "neutral.c100"} |
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 we need this condition ? Can useTheme()
return a falsy value ?
8cd5640
to
7258d9a
Compare
|
||
export const SelectComponent = ({ text, color, onPressSelect }: SelectProps) => { | ||
return ( | ||
<Container width={"50%"} color={color}> |
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.
Why not putting the width: 50% in the Container
definition ?
disabled: false, | ||
placeholder: "Edit Tag", | ||
selectProps: { | ||
onPressSelect: () => console.log("Select"), |
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.
I think you could use the storybook action here:
import { action } from "@storybook/addon-actions";
...
selectProps: {
onPressSelect: action("Select"),
7258d9a
to
44b7a85
Compare
disabled: false, | ||
placeholder: "Edit Tag", | ||
selectProps: { | ||
onPressSelect: () => action("Select"), |
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.
Sorry I was wrong in the initial suggestion. It should be: onPressSelect: action("Select")
44b7a85
to
10b75ab
Compare
10b75ab
to
6afb560
Compare
6afb560
to
c4889fe
Compare
c4889fe
to
7b59b43
Compare
β Checklist
npx changeset
was attached.π Description
New component FIgma for MemoTag in LLM
Screen.Recording.2024-10-22.at.14.07.21.mov
β Context
π§ Checklist for the PR Reviewers