-
Notifications
You must be signed in to change notification settings - Fork 889
refactor: Update users page to looks like others #1850
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
link?: string | ||
} | ||
|
||
export const AvatarData: React.FC<AvatarDataProps> = ({ title, subtitle, link }) => { |
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 didn't find a better name for it 😓
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.
Seems fine!
"& .MuiSelect-root": { | ||
// Adjusting padding because it does not have label | ||
paddingTop: theme.spacing(1.5), | ||
paddingBottom: theme.spacing(1.5), |
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.
Added these because the select when there is no label is very BIG.
@@ -61,3 +72,16 @@ export const UsersPageView: React.FC<UsersPageViewProps> = ({ | |||
</Stack> | |||
) | |||
} | |||
|
|||
const useStyles = makeStyles((theme) => ({ | |||
actions: { |
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 is probably something we want to extract as well.
link?: string | ||
} | ||
|
||
export const AvatarData: React.FC<AvatarDataProps> = ({ title, subtitle, link }) => { |
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.
Seems fine!
expect(rows).toHaveLength(MockBuilds.length) | ||
|
||
// Wait for the results to be loaded | ||
await waitFor(async () => { |
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.
Not sure why, but this test should had fail before since it was "wrong"
AvatarData
component so we can keep it consistent between templates, workspaces, and users' views.