Skip to content

Resolve issue 391495: Analytics Dashboards icon and badge improvements

What does this MR do and why?

Updates the Product Analytics dashboard listing page with two UI polish items per this issue:

  • Replaces the Project icons with Dashboard icons
  • Updates component imports and usage from GlLabel to GlBadge
  • Updates the badge styling to neutral and to include the tanuki-verified icon, as well as updating copy to "Created by GitLab"

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

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

Before After
dashboards_current.png dashboards_updated.png

How to set up and validate locally

  1. Follow these instructions to setup Product Analytics in GDK.
  2. Onboard Product Analytics by setting up the feature at Project > Analytics > Analytics dashboards.
  3. Instrument your website to start collecting data (that the dashboards can ingest). A single event will trigger the dashboards.
  4. Check for changes:
    1. Badge/Icon changes for auto-generated dashboards:
      1. Within the project you onboarded above, go to Project > Analytics > Analytics dashboards
    2. Tutorial avatar removal mentioned here:
      1. Navigate to a non-onboarded project, and select Project > Analytics > Analytics dashboards

Optionally for a UX review - Reach out to @grrbam, I'm happy to give a live demo of the changes.

Related to Dashboards listing - improving upon the new pro... (#391495) • Unassigned • Backlog

Closes #391495

Edited by Graham Bachelder

Merge request reports