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

update userprofile to mui #1766

Open
wants to merge 1 commit into
base: development
Choose a base branch
from

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

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