Skip to content

update userprofile to mui#1766

Merged
trillium merged 2 commits intohackforla:developmentfrom
angela-lee1:update-to-mui-userprofile
Jan 27, 2025
Merged

update userprofile to mui#1766
trillium merged 2 commits intohackforla:developmentfrom
angela-lee1:update-to-mui-userprofile

Conversation

@angela-lee1
Copy link
Member

Fixes #1715

What changes did you make and why did you make them ?

  • Replace standard HTML components with applicable MUI components.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

[image](
Screenshot 2024-09-30 at 4 37 34 PM
)

Visuals after changes are applied

[image](
Screenshot 2024-09-30 at 8 07 28 PM
)

Copy link
Member

@trillium trillium left a comment

Choose a reason for hiding this comment

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

Looks like a good PR to me, thanks for putting work into these changes!

Would be nice to check on seeing if Tpyography element needs component='h3' and variant='h3' but not requried

<div className="profile__header">
<h3 className="profile__title">My Profile</h3>
</div>
<Box>
Copy link
Member

Choose a reason for hiding this comment

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

Eventually change hex code to a stored variable, but for now this fine

</div>
<Box>
<Box style={{ backgroundColor: '#bad3ff' }}>
<Typography
Copy link
Member

Choose a reason for hiding this comment

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

Curious if one of these is redundant, I tought that Typography variant="h3" would make this component an h3 element already

<Typography
variant="h3"
component="h3"
style={{
Copy link
Member

Choose a reason for hiding this comment

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

We may be able to have this be declared through the MUI config file later on

Copy link
Member

@trillium trillium left a comment

Choose a reason for hiding this comment

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

Looks like a good PR to me, thanks for putting work into these changes!

Would be nice to check on seeing if Tpyography element needs component='h3' and variant='h3' but not requried

@trillium trillium merged commit e6ae46f into hackforla:development Jan 27, 2025
2 of 5 checks passed
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.

Update HTML components to MUI: ./src/pages/UserProfile.js

2 participants