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

User Profile Redesign - refactor to eliminate styled components #745

Merged
merged 3 commits into from
Sep 21, 2023

Conversation

drumwolf
Copy link
Collaborator

ISSUE:
#635

REASON:
Currently, the UserInfoContainer component is using styled components, which we want to phase out.

I've removed the styled components UserInfoContainerBox and UserAvatar, and replaced them with custom classes in a new CSS file UserInfoContainer.scss .

This is refactoring under the hood and should not affect the UX/UI in the browser in any way.

@drumwolf drumwolf requested a review from zoobot August 31, 2023 02:26
align-items: center;
margin-bottom: 2em;

.user-avatar {
Copy link
Member

Choose a reason for hiding this comment

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

Here's an example of how we are nesting css so you can just have a root class
https://github.com/waterthetrees/wtt_front/blob/main/client/src/components/SourceForm/SourceForm.scss

Copy link
Member

@zoobot zoobot left a comment

Choose a reason for hiding this comment

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

LGTM Thanks

@drumwolf drumwolf merged commit 710bce4 into main Sep 21, 2023
@drumwolf drumwolf deleted the drumwolf/userprofile/css branch September 21, 2023 02:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Help Wanted
Development

Successfully merging this pull request may close these issues.

2 participants