-
Notifications
You must be signed in to change notification settings - Fork 8.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
[TIP] Replace indicator field-selector EuiSelect by EuiComboBox #140980
Conversation
prepend={i18n.translate('xpack.threatIntelligence.indicator.fieldSelector.label', { | ||
defaultMessage: 'Stack by', | ||
})} | ||
value={selectedField} | ||
singleSelection={{ asPlainText: true }} | ||
onChange={(event) => selectedFieldChange(event)} |
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.
onChange={selectedFieldChange}
should be enough
prepend={i18n.translate('xpack.threatIntelligence.indicator.fieldSelector.label', { | ||
defaultMessage: 'Stack by', | ||
})} | ||
value={selectedField} | ||
singleSelection={{ asPlainText: true }} |
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 object literal can be lifted outside the component scope, for perf.
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.
LGTM! I've left some minor nitpicks though 👯
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]Module Count
Async chunks
History
To update your PR or re-run it, just comment with: |
Summary
The field selector next to the barchart on the Indicators page needed an update. The dropdown size was taking the whole screen and it wasn't searchable. To improve user experience, we're now using an EuiComboBox instead of an EuiSelect.
Screen.Recording.2022-09-19.at.10.34.19.AM.mov
https://github.com/elastic/security-team/issues/4628
and
https://github.com/elastic/security-team/issues/4749
Notes on the ACs: the height of the dropdown is now driven by the EuiCombobox component
Checklist
Delete any items that are not applicable to this PR.