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

no log: Replace raw html bold tag inside text with Mantine Text #2639

Merged
merged 1 commit into from
Aug 29, 2024

Conversation

anderson-oki
Copy link
Collaborator

@anderson-oki anderson-oki commented Aug 28, 2024

Description

Refactor the nested raw <b> tag inside of the Message component in favor to protect the Separation of Concerns.

A couple reasons to apply the change:

  1. Consistency with Design System:

When using the raw HTML tag we need to style it by ourselves, if the Design System changes, it won't cascade the change to the components automatically.

  1. Semantic Meaning

Mantine Text component can be changed to simply style of give more accessibility by changing <b> to <strong> at any point, since <b> is simply visual.

  1. Easy Customization

We can add more styling as needed such as color, italic, by simply passing the properties to the component that exists instead of manually nesting and styling ourselves.

@anderson-oki anderson-oki changed the base branch from master to development August 28, 2024 00:31
@anderson-oki anderson-oki self-assigned this Aug 28, 2024
@anderson-oki anderson-oki changed the title Separate concerns tags no log: Replace raw html bold tag inside text with Mantine Text Aug 28, 2024
@anderson-oki anderson-oki marked this pull request as ready for review August 29, 2024 07:10
@anderson-oki anderson-oki force-pushed the feature/separate-concerns-tags branch from 576e1e1 to c53c975 Compare August 29, 2024 07:10
@anderson-oki anderson-oki merged commit 02a9125 into development Aug 29, 2024
2 checks passed
@anderson-oki anderson-oki deleted the feature/separate-concerns-tags branch August 29, 2024 07:22
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.

1 participant