Skip to content

Frontend: Add badge for components

Briley Sandlin requested to merge 433443-frontend-add-badge-for-components into master

What does this MR do and why?

We are adding badges for verified catalog resources.

Once we begin to verify creators, these values will come from the GraphQL query and display badges in the catalog resource list.

Related to #433443 (closed) and #437893 (closed)

In order to be unblocked from #438262 (closed), I am moving forward with removing the pipeline status from the details page here. All other work related to that issue will be in a separate MR.

Screenshots or screen recordings

Explore page

No badge GitLab verified Partner verified
unverified gitlab partner

Catalog resource details page

No badge GitLab verified Partner verified
Screenshot_2024-03-25_at_1.21.24_PM Screenshot_2024-03-25_at_1.20.46_PM Screenshot_2024-03-25_at_1.20.25_PM

How to set up and validate locally

**Note: ** we do not yet have test data in the backend for verified resources, so we will use patch files to test this out in the UI

  1. Create a project and enable it as a CI/CD Catalog resource
  2. Navigate to /explore/catalog to view your project in the CI/CD Catalog list.
  3. Apply this patch file to test out the GitLab maintained badge: verification_gitlab.patch
  4. View the verification badge in the list
  5. Click the project title to navigate to the details page and view the badge there.
  6. Patch file for partner badge: verification_partner.patch
Edited by Briley Sandlin

Merge request reports