-
-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
issues: fix alert panel #88479
issues: fix alert panel #88479
Conversation
@@ -400,8 +401,8 @@ function IssueListActions({ | |||
onSelectStatsPeriod={onSelectStatsPeriod} | |||
/> | |||
{!allResultsVisible && pageSelected && ( | |||
<StyledAlert type="warning" system> | |||
<SelectAllNotice data-test-id="issue-list-select-all-notice"> | |||
<Alert system type="warning"> |
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.
hmm, the system usage feels wrong here, shouldn't we just be using a panelAlert 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.
PanelAlert is just Alert with system on it :)
const PanelAlert = styled((props: Omit<AlertProps, 'system' | 'showIcon'>) => (
<Alert.Container>
<Alert {...props} showIcon system />
</Alert.Container>
))`
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 dont think we want the icon in this case, as it'll show the Warning Icon. This entire thing is more of a callout than an actual alert. It probably would have been better to have a pattern next to the checkbox for this. A dropdown with bulk actions might be preferable tbqh
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.
yeah this whole thing just sort of feels semantically wrong
Before  After 
Before

After
