stashing for now

app/assets/javascripts/vue_pipelines_index/index.js.es6

 /* global Vue, VueResource, gl */
 /* eslint-disable no-bitwise, no-plusplus*/
 
+/*= require vue_common_component/commit */
+
 //= require vue-resource
 
 //= require ./object_assign.js.es6

app/assets/javascripts/vue_pipelines_index/pipelines.js.es6

@@ -13,7 +13,7 @@
       runningPipeline: gl.VueRunningPipeline,
       pipelineActions: gl.VuePipelineActions,
       stages: gl.VueStages,
-      branchCommit: gl.VueBranchCommit,
+      commit: gl.CommitComponent,
       pipelineUrl: gl.VuePipelineUrl,
       pipelineHead: gl.VuePipelineHead,
       glPagination: gl.VueGlPagination,
@@ -59,6 +59,11 @@
         this.pageRequest = true;
         this.store.fetchDataLoop.call(this, Vue, this.pagenum, this.scope);
       },
+      author(pipeline) {
+        const author = pipeline.commit.author;
+        if (author) return author;
+        return ({});
+      },
     },
     template: `
       <div>
@@ -72,7 +77,15 @@
               <tr class="commit" v-for='pipeline in pipelines'>
                 <status-scope :pipeline='pipeline'></status-scope>
                 <pipeline-url :pipeline='pipeline'></pipeline-url>
-                <branch-commit :pipeline='pipeline'></branch-commit>
+                <commit
+                  :tag='pipeline.ref.tag'
+                  :author='pipeline.commit.author'
+                  :title='pipeline.commit.title'
+                  :ref='pipeline.ref'
+                  :short_sha='pipeline.commit.short_id'
+                  :commit_url='pipeline.commit.commit_url'
+                >
+                </commit>
                 <stages :pipeline='pipeline'></stages>
                 <time-ago :pipeline='pipeline'></time-ago>
                 <pipeline-actions :pipeline='pipeline'></pipeline-actions>