Append the mini linked pipelines to the mini pipeline graph

Release notes

The pipeline mini graph provides you with a status of each job in your pipeline and an easy navigation option to any job, the linked pipeline mini graph provides you with the same functionality for any downstream or an upstream job in this release we've added the pipeline mini graph to the following areas in GitLab UI: pipeline tab, project pipeline page, commit page and commit page pipeline tab.

Problem

We display mini-pipeline graphs in multiple places

1. MR widget

   

2. MR's pipelines tab

   

3. Project's pipelines page

   

4. Commit page

   

5. Commit page pipelines tab

The implementations of the component varies in these scenarios, however. For example, displaying an icon to indicate the presence of a downstream/child pipeline is present in MR widget, but nowhere else. This makes it a pain to reach downstream pipelines from other places, especially when you haven't created an MR.

Proposal

Add the <linked-pipelines-mini-list /> component to the other instances of the mini pipeline graph to match the behaviour in the MR widget.

1. Make the change in the PipelinesTableComponent. The data should be there. This covers 2, 3, and table not called out.✐ It's a 3.
2. Make changes to app/assets/javascripts/projects/commit_box/info/init_commit_pipeline_mini_graph.js, create a wrapper and an Apollo instance, and add the iid and project path to app/views/projects/commit/_commit_box.html.haml. This will involve adding in Apollo and a wrapper component to fetch the linked pipelines data, following the pattern used in the pipelines graph. (The previous graphs get their data using the old store pattern, but we should not create another instance of that.) This is a 5.