Thanks to visit codestin.com
Credit goes to github.com

Skip to content

refactor: update app buttons to use the new button component #17684

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

Merged
merged 9 commits into from
May 6, 2025

Conversation

BrunoQuaresma
Copy link
Collaborator

Related to #17311

  • Replaces the MUI Buttons by the new shadcn/ui buttons. This change allows the reuse of app links, and terminal buttons using the asChild capability from the Radix components
  • Uses the new proposed design
  • Updates the button styles to support image tags as icons
  • Uses the new Tooltip component for the app buttons

Before:
Screenshot 2025-05-05 at 17 55 49

After:
Screenshot 2025-05-05 at 18 05 38

{children}
</Button>
);
return <Button variant="outline" ref={ref} {...props} />;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What is purpose of keeping AgentButton around instead of removing it and using Button directly?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a good question.

Since we want to have the TerminalLink, AppLink, VSCode buttons, etc. visually consistent, and be sure they are always looking the same, I just decided to keep the AgentButton. Of course, we could just set the variant in all these components, but since they are many (around 5 or 6 I guess) it would be easy to forget to update one of them when changing some of the styles (maybe it is not a problem since we have tests).

I'm going to refactor the apps logic very soon, so If I see it is just ok to remove the AgentButton, I will do.

Copy link
Contributor

@jaaydenh jaaydenh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, straightforward and looks good. Just had a question about the reason to keep AgentButton.tsx

@matifali
Copy link
Member

matifali commented May 5, 2025

I like the bigger icons. ❤️

@BrunoQuaresma BrunoQuaresma merged commit 4fa9d30 into main May 6, 2025
34 checks passed
@BrunoQuaresma BrunoQuaresma deleted the bq/refactor-agent-button branch May 6, 2025 16:26
@github-actions github-actions bot locked and limited conversation to collaborators May 6, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants