-
Notifications
You must be signed in to change notification settings - Fork 889
refactor: remove usage of <Box>
and sx
#10702
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
Conversation
<Box>
and sx
<Box>
and sx
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks really good! Nothing worth blocking over, but I did flag what are likely a few styling bugs/typos
@@ -142,6 +142,8 @@ rules: | |||
- name: "@mui/material/Typography" | |||
message: | |||
"You should use the native HTML elements as span, p, h1, h2, h3..." | |||
- name: "@mui/material/Box" | |||
message: "You should use a <div> instead" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Small suggestion: I feel like the phrasing should push people to see if they can use a more semantic HTML element instead
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I thought about that, but I don't know how to word it in a way that fits in one line nicely. can definitely change it later!
Part of #10612
Use the
FC
type much more consistently throughout the codebase for declaring components and their prop typesRemove all usage of the
sx
prop throughout the codebaseRemove all usage of
Box
throughout the codebaseBreak lots of inline type definitions out into their own declarations
Make some small
css
styles inline and break some bigger ones out intoconst
declarations