Skip to content
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

Merged
merged 1 commit into from
Oct 22, 2024

Conversation

mcayuelas-ledger
Copy link
Contributor

βœ… Checklist

  • npx changeset was attached.
  • Covered by automatic tests.
  • Impact of the changes:
    • ...

πŸ“ Description

New component FIgma for MemoTag in LLM

Screen.Recording.2024-10-22.at.14.07.21.mov

❓ Context

  • JIRA or GitHub link:

🧐 Checklist for the PR Reviewers

  • The code aligns with the requirements described in the linked JIRA or GitHub issue.
  • The PR description clearly documents the changes made and explains any technical trade-offs or design decisions.
  • There are no undocumented trade-offs, technical debt, or maintainability issues.
  • The PR has been tested thoroughly, and any potential edge cases have been considered and handled.
  • Any new dependencies have been justified and documented.
  • Performance considerations have been taken into account. (changes have been profiled or benchmarked if necessary)

@mcayuelas-ledger mcayuelas-ledger requested a review from a team as a code owner October 22, 2024 12:12
Copy link

vercel bot commented Oct 22, 2024

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
native-ui-storybook βœ… Ready (Inspect) Visit Preview πŸ’¬ Add feedback Oct 22, 2024 2:13pm
web-tools ❌ Failed (Inspect) Oct 22, 2024 2:13pm
3 Skipped Deployments
Name Status Preview Comments Updated (UTC)
ledger-live-docs ⬜️ Ignored (Inspect) Visit Preview Oct 22, 2024 2:13pm
ledger-live-github-bot ⬜️ Ignored (Inspect) Visit Preview Oct 22, 2024 2:13pm
react-ui-storybook ⬜️ Ignored (Inspect) Visit Preview Oct 22, 2024 2:13pm

align-items: center;
width: 100%;
height: auto;
padding: 15px 0px 15px 15px;
Copy link
Contributor

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"}
Copy link
Contributor

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 ?


export const SelectComponent = ({ text, color, onPressSelect }: SelectProps) => {
return (
<Container width={"50%"} color={color}>
Copy link
Contributor

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"),
Copy link
Contributor

@thesan thesan Oct 22, 2024

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"),

disabled: false,
placeholder: "Edit Tag",
selectProps: {
onPressSelect: () => action("Select"),
Copy link
Contributor

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")

thesan
thesan previously approved these changes Oct 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ui Has changes in the design system library
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants