Skip to content

Update streaming audit event with collapsible UI

Lorenz van Herwaarden requested to merge audit-events-stream-collapse into master

What does this MR do and why?

Relates to #413591 (closed)

This MR updates the design in the audit events streams tab such that each destination is a collapsible section instead of a list within a card. In addition, the spacing is updated and improved too. Because editing is now controlled by expanding/collapsing the section, the "Edit" button is removed from the ellipsis dropdown.

Note: The destination header does not show the name yet as this is not implemented yet.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
before-collapsed after-collapsed
before-expanded after-expanded
before-new after-new

Screen recording

audit-event-streams-collapsible-UI

How to set up and validate locally

  • Go to audit events streams of a group, e.g. http://gdk.test:3000/groups/gitlab-org/-/audit_events?tab=streams
  • Click on ellipsis dropdown and notice that Edit action is removed
  • Click on chevron or on title of a destination -> both expand the editor for that destination, clicking again collapses the editor.
  • Clicking Cancel in the editor collapses that destination
  • Clicking Save in the editor collapses that destination after saving
  • If destination is filtered, a filtered badge is shown to the right of the destination.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Lorenz van Herwaarden

Merge request reports