Display inline linked issues for vulnerabilities on security dashboards

Problem to Solve

As of 12.9 users have had the ability to view & link to issues created from a vulnerability from their security dashboards:

Proposal

To match parity with what is in place today we will need to:

  • Render issue link inline with the vulnerability title
  • Render issue created icon along side link <> @andyvolpe to verify if icon is changing in the svg project
  • Match existing hover states and tooltip interaction

NOTE: This issue represents the backend work required to provide the necessary GraphQL endpoint(s) to the frontend to display the UX described above. A separate issue (#197232 (closed)) was created for the frontend implementation.

Designs

Default state Hover on vuln
project-dashboard project-dashboard-hover-on-vuln
Hover state examples
Hover-state-examples

This functionality was available on the security dashboards prior to 12.10 (ie. the introduction of Standalone Vulnerabilities MVC) but was removed due to time constraints & prioritization. This issue represents the re-addition of this feature using the GraphQL integration of vulnerabilities into the security dashboard.

Technical Details

The backend should be implemented using a GraphQL mutation: https://about.gitlab.com/handbook/engineering/#graphql-first

Edited by Lindsay Kerr