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

ButtonLink: extended component as Link #184

Merged
merged 6 commits into from
Jan 26, 2024
Merged

Conversation

ioay
Copy link
Contributor

@ioay ioay commented Jan 18, 2024

Closes: #180

Extended buttonLink component to handling the href prop, eg. as Link component

@ioay ioay self-assigned this Jan 18, 2024
Copy link
Contributor

@kkosiorowska kkosiorowska left a comment

Choose a reason for hiding this comment

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

After the changes, an underline appeared on the buttons when it is hovered.

Screenshot 2024-01-23 at 16 23 57

variant={variant}
justifyContent="flex-start"
borderRadius="md"
textDecoration="none"
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 it?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I added this style on the hover event to the Button theme.

Copy link
Contributor

Choose a reason for hiding this comment

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

Previously when I commented on this line I didn't see any difference. I didn't see that the text was underlined. That's why I started to wonder if we need this. 🤔

Copy link
Contributor Author

Choose a reason for hiding this comment

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

We need this because currently, we use Button as a Link component.

Comment on lines +54 to +61
ghost: {
_hover: {
bg: "transparent",
},
_active: {
bg: "transparent",
},
},
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 it also? I don't see designs on Figma for a ghost button.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Copy link
Contributor

Choose a reason for hiding this comment

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

Yes, I see it. But there is no such button in the styleguide. That's why I wonder if we need it. The task refers to the extension of the component ButtonLink as Link (extension of functionality). Therefore, it seems to me that at this PR we do not need to add it if it is not confirmed by Sorin.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

There are not many things that are stylized, but as we agreed - we style it based on the project. Let's leave it as is, if the design changes - we will change the style. I have the impression that we are discussing here matters that are of no great importance.

Copy link
Contributor

Choose a reason for hiding this comment

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

If you understood it that way, I'm sorry. My question was just out of curiosity because I could not find such a variant in styleguide. I wasn't sure if the topic hadn't already been discussed with Sorin before and I missed something.

Yes, of course, we can update this later, it's not a problem. I just noticed that if it's not required in the task at all, we don't need to add it now and deal with it later when needed.

@ioay ioay requested a review from kkosiorowska January 23, 2024 16:25
@ioay ioay requested a review from kkosiorowska January 26, 2024 09:19
Copy link
Contributor

@kkosiorowska kkosiorowska left a comment

Choose a reason for hiding this comment

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

@ioay ioay merged commit 04b1eb1 into main Jan 26, 2024
11 checks passed
@ioay ioay deleted the extend-buttonlink-component branch January 26, 2024 09:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Extend buttonLink to handle href link
2 participants