Add filtering to metrics list UI
What does this MR do and why?
The changes here add support for filtering the metrics list by prefix. It does so by adding the filtered_bar
component ( only text search supported for now, but will be extended later with more tokens based search ).
- Wrap metrics list into InfiniteScrolling component
- Add FilteredSearch bar to MetricsList
- Sync filters with query params through UrlSync
- Add filters and limit support to observability client
Closes gitlab-org/opstrace/opstrace#2536 (closed)
Screenshots or screen recordings
How to set up and validate locally
-
Enable
observability_metrics
feature flag -
Apply patch (!137436 (comment 1664376272))
-
Go to https://local.gitlab.com:3443/flightjs/Flight/-/metrics
-
Play around with the search bar. Note the query params logged in the console ( no network request made with local mocks )
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Daniele Rossetti