-
Notifications
You must be signed in to change notification settings - Fork 24
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
PSP-9710, PSP-9313: UI/UX Cleanup - Make icons consistent across PIMS #4541
Conversation
stairaku
commented
Dec 18, 2024
See CodeCov Report Here: https://app.codecov.io/github/bcgov/psp/pull/4541 |
See CodeCov Report Here: https://app.codecov.io/github/bcgov/psp/pull/4541 |
return ( | ||
<StyledRemoveIconButton | ||
variant="primary" | ||
title={title ?? 'edit'} |
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.
default title for remove buttons should be "remove" - not "edit"
onClick: () => void; | ||
title?: string; | ||
icon?: React.ReactNode; | ||
dataTestId?: string | null; |
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.
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.
Thank you for the observation. Changing the data-testId pattern on both RemoveButton and ViewButton files.
}) => ( | ||
<StyledIconButton | ||
variant="primary" | ||
title={title ?? 'edit'} |
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.
View button default title should not be "edit" - maybe "view" would be more suitable?
<StyledCompensationContainer> | ||
{asCurrency ? formatMoney(Number(value)) : value} | ||
<EditButton onClick={() => setIsEditing(true)} /> | ||
</StyledCompensationContainer> |
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.
nit: This component is generic so the styled container shouldn't be named "StyledCompensationContainer" - maybe just "StyledContainer"? This is very minor of course
)} | ||
|
||
{hasClaim(Claims.CONTACT_VIEW) && ( | ||
<StyledIconButton | ||
<ViewButton |
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.
thanks for making these!
</StyledRemoveLinkButton> | ||
)} | ||
<Col xs={1} className="p-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.
no sure whether we need this here?
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.
good catch! I forgot to clean that up!
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.
Approved with comments
See CodeCov Report Here: https://app.codecov.io/github/bcgov/psp/pull/4541 |