Skip to content

Comments

ui: Alerts page#5031

Open
sysadmind wants to merge 5 commits intoprometheus:mainfrom
sysadmind:alerts-page
Open

ui: Alerts page#5031
sysadmind wants to merge 5 commits intoprometheus:mainfrom
sysadmind:alerts-page

Conversation

@sysadmind
Copy link
Contributor

Builds out the new alerts page in the mantine-ui.

Includes some additional components to support rendering the alerts and groups. This should make the new UI actually useful for something.

image

Reviewer note: I tried to break up commits for this PR. The Accordion is just a copy of the Prometheus Accordion which will be unnecessary in Mantine v9

Pull Request Checklist

Please check all the applicable boxes.

  • Is this a new feature?
    • I have added tests that test the new feature's functionality
  • Is this a breaking change?
    • My changes do not break the existing cluster messages
    • My changes do not break the existing api
  • I have added/updated the required documentation
  • I have signed-off my commits
  • I will follow best practices for contributing to this project

Which user-facing changes does this PR introduce?

[FEATURE] UIv2: Add alerts to the alerts page

This is a more performant version of the upstream component. It will not be necessary as of Mantine v9.

Signed-off-by: Joe Adams <github@joeadams.io>
The LabelBadges component is a pill shaped box that represents a label and value formatted label="value" and has an optional add callback to render a plus icon

The LabelPill component is just a wrapper around the Mantine Pill component with some styles and label formatting in the form label="value"

Signed-off-by: Joe Adams <github@joeadams.io>
Add AlertGroup component to show the list of Alerts in groups provided by the API. The Alert page includes options for showing silenced or inhibited alerts as well as label filters. Adds types around the useGroups data component.

Signed-off-by: Joe Adams <github@joeadams.io>
Signed-off-by: Joe Adams <github@joeadams.io>
Signed-off-by: Joe Adams <github@joeadams.io>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant