From eb1f4562b4e436e47879bdd15507388e64ad4a9e Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Fri, 10 Mar 2017 11:11:34 +0000
Subject: Use the state to render the table

---
 .../javascripts/vue_pipelines_index/pipelines.js   | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/assets/javascripts/vue_pipelines_index/pipelines.js b/app/assets/javascripts/vue_pipelines_index/pipelines.js
index 57be58f0950..9d7626dc2f3 100644
--- a/app/assets/javascripts/vue_pipelines_index/pipelines.js
+++ b/app/assets/javascripts/vue_pipelines_index/pipelines.js
@@ -43,7 +43,7 @@ require('../vue_shared/components/pipelines_table');
     },
 
     beforeUpdate() {
-      if (this.pipelines.length && this.$children) {
+      if (this.state.pipelines.length && this.$children) {
         CommitPipelinesStoreWithTimeAgo.startTimeAgoLoops.call(this, Vue);
       }
     },
@@ -87,27 +87,27 @@ require('../vue_shared/components/pipelines_table');
     },
     template: `
       <div>
-        <div class="pipelines realtime-loading" v-if='pageRequest'>
-          <i class="fa fa-spinner fa-spin"></i>
+        <div class="pipelines realtime-loading" v-if="pageRequest">
+          <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
         </div>
 
         <div class="blank-state blank-state-no-icon"
-          v-if="!pageRequest && pipelines.length === 0">
+          v-if="!pageRequest && state.pipelines.length === 0">
           <h2 class="blank-state-title js-blank-state-title">
             No pipelines to show
           </h2>
         </div>
 
-        <div class="table-holder" v-if='!pageRequest && pipelines.length'>
-          <pipelines-table-component :pipelines='pipelines'/>
+        <div class="table-holder" v-if="!pageRequest && state.pipelines.length">
+          <pipelines-table-component :pipelines="state.pipelines"/>
         </div>
 
         <gl-pagination
-          v-if='!pageRequest && pipelines.length && pageInfo.total > pageInfo.perPage'
-          :pagenum='pagenum'
-          :change='change'
-          :count='count.all'
-          :pageInfo='pageInfo'
+          v-if="!pageRequest && state.pipelines.length && state.pageInfo.total > state.pageInfo.perPage"
+          :pagenum="pagenum"
+          :change="change"
+          :count="state.count.all"
+          :pageInfo="state.pageInfo"
         >
         </gl-pagination>
       </div>
-- 
cgit v1.2.1