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

[joy-ui][Badge] Shouldn't crash when using custom size #39986

Merged
merged 4 commits into from
Jan 4, 2024

Conversation

iamsaumya
Copy link
Contributor

@iamsaumya iamsaumya commented Nov 25, 2023

We need additional size for Badge component and don't have corresponding body-<> level for it

Before: https://codesandbox.io/p/sandbox/festive-swanson-8mt9l6?file=%2Fsrc%2FApp.tsx%3A2%2C16
After: https://codesandbox.io/p/sandbox/joy-ui-cra-ts-forked-2sp3rh?file=%2Fsrc%2FApp.tsx%3A21%2C1

Signed-off-by: Saumya Pandey <pandeyysaumya@gmail.com>
Signed-off-by: Saumya Pandey <pandeyysaumya@gmail.com>
@iamsaumya iamsaumya changed the title [joy-ui][Badge] Fix typecasting issue of typography [joy-ui][Badge] Fix typecasting issue of typography in Badge Nov 25, 2023
@mui-bot
Copy link

mui-bot commented Nov 25, 2023

Netlify deploy preview

https://deploy-preview-39986--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against a6417c6

@danilo-leal danilo-leal added component: badge This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy labels Nov 27, 2023
@ZeeshanTamboli
Copy link
Member

Could you please create a new issue first and provide a CodeSandbox reproduction of the problem you're encountering? You can use this template for the CodeSandbox.

@ZeeshanTamboli
Copy link
Member

Since there is no response on the above comment, I am closing it.

@iamsaumya
Copy link
Contributor Author

Here is the codesandbox link https://codesandbox.io/p/sandbox/epic-kate-rlxhwy

@ZeeshanTamboli ZeeshanTamboli added the bug 🐛 Something doesn't work label Dec 27, 2023
Copy link
Member

@ZeeshanTamboli ZeeshanTamboli left a comment

Choose a reason for hiding this comment

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

Looks good! Left one comment. Could you also merge with the latest master branch?

packages/mui-joy/src/Badge/Badge.tsx Outdated Show resolved Hide resolved
@ZeeshanTamboli ZeeshanTamboli changed the title [joy-ui][Badge] Fix typecasting issue of typography in Badge [joy-ui][Badge] Shouldn't crash when using custom size Dec 27, 2023
Copy link
Member

@ZeeshanTamboli ZeeshanTamboli left a comment

Choose a reason for hiding this comment

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

@iamsaumya I made the changes. Thanks for your contribution!

@ZeeshanTamboli ZeeshanTamboli merged commit 273e721 into mui:master Jan 4, 2024
19 checks passed
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Jan 9, 2024
Signed-off-by: Saumya Pandey <pandeyysaumya@gmail.com>
Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: badge This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants