Frontend: Job updates in pipeline mini graph dropdown
This is a follow up for #250677 (closed)
Summary
The pipeline mini graph dropdowns behave differently in different apps. This is because different endpoints are being used for the component. Ideally, we would have GraphQL endpoints that live in the component itself. Until then, we need to update this behavior to be more uniform.
Problem
When a job in the pipeline minigraph on the MR and Commit page are retried, the list doesn't update automatically, as it happens on pipeline page.
Proposal
All pipeline mini graphs will use the new GraphQL version of stage dropdowns.
We need the jobs triggered in the pipeline mini graph menu to update automatically. This does occur in the pipelines table, but not in other pipeline mini graph instances such as MR page and commit page.
Once this behavior is updated, we also need to update the loading icon in action_component.vue to be true until the status updates.
We should also make sure that every instance of action_component is behaving correctly.
Screen recordings
After #250677 (closed) is merged, this will be the state of the component:
(NOTE: there are more instances of this component)
| Pipelines table | MR page | Commit page |
|---|---|---|
| pipelines_table_example | mr_example | pipelines_table_example |
This is the ideal functionality for every instance once this issue is resolved:
(Loading spinner until job updates)