Ensure stages mini graph works with GraphQL response

Summary

As part of the migration of the MR Pipelines migration to GraphQL (&14144) • Sahil Sharma • 18.7, we need to ensure the stages mini graph component properly handles and displays data from the GraphQL API response.

Background

The Build > Pipelines page migration (MR !207467 (merged)) has already implemented support for the pipeline mini graph using GraphQL. We need to apply similar changes to ensure the MR Pipelines page stages column works correctly with the GraphQL data structure.

What needs to be done

Update the stages mini graph implementation to:

  1. Handle GraphQL data structure - Ensure the component can read stage information from the GraphQL response format (stages.nodes array)
  2. Display stage status correctly - Map the GraphQL detailedStatus object to show proper icons, text, and tooltips for each stage
  3. Support both data sources - Maintain compatibility with both REST and GraphQL responses during the transition period

Expected outcome

The stages mini graph in the MR Pipelines page should:

  • Display all pipeline stages with correct status indicators
  • Show appropriate tooltips on hover
  • Link to the correct pipeline stage details
  • Work seamlessly when the GraphQL feature flag is enabled

Related

Edited by 🤖 GitLab Bot 🤖