-
Notifications
You must be signed in to change notification settings - Fork 10
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
Edit profile #384
Edit profile #384
Conversation
ui/design/src/components/Buttons/default-buttons/styled-button.ts
Outdated
Show resolved
Hide resolved
ui/design/src/components/Buttons/default-buttons/styled-plain-button.ts
Outdated
Show resolved
Hide resolved
avatarPopoverOpen && | ||
profileProvidersData && | ||
profileProvidersData.avatarProviders && | ||
profileProvidersData.avatarProviders.length !== 0 && ( |
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.
what is the expected behaviour if one of these conditions are not met? (especially the profileProvidersData
)
the user will think that the button doesn't work
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.
true, i should also hide the button when we dont have that data
ui/design/src/components/Cards/profile-cards/profile-card-fields/profile-card-cover-image.tsx
Outdated
Show resolved
Hide resolved
ui/design/src/components/Cards/profile-cards/styled-profile-card.ts
Outdated
Show resolved
Hide resolved
import colors from '../colors-light'; | ||
import shapes from '../shapes'; | ||
import createGrommetTheme from './index'; | ||
|
||
export function createTheme(overrides?: object): DefaultTheme { | ||
export function createTheme(overrides?: object): any { |
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.
Do you have ts issues when DefaultTheme
type is used?
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.
yes, grommet introduced a type for the grommet theme, but this slipped, i should update it with an interface that extends from that grommet theme interface
const StyledAvatarEditDiv = styled.div` | ||
border-radius: 50%; | ||
position: relative; | ||
left: 56px; |
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.
this file has more px values
cursor: pointer; | ||
} | ||
border-bottom: 1px solid ${props.theme.colors.border} | ||
height: 49px; |
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.
px -> em
* feat(): edit profile WIP * fix(): avatar fix and refactor file structure * fix(): ref types, file paths * fix(): file paths * refactor(): split profile card editable fields into multiple controlled components * fix(): theme type, hide edit buttons when missing data, replace px with em * fix(): replace rest of px with em
* feat(): edit profile WIP * fix(): avatar fix and refactor file structure * fix(): ref types, file paths * fix(): file paths * refactor(): split profile card editable fields into multiple controlled components * fix(): theme type, hide edit buttons when missing data, replace px with em * fix(): replace rest of px with em
Edit profile and refactor file structure for design system
Description
Checklist