Update ItemMergeRequestComponent structure

1 files changed, 24 insertions, 4 deletions

diff --git a/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6
index 0fd0767a3d0..2ceadcb61a5 100644
--- a/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6
+++ b/app/assets/javascripts/cycle_analytics/components/item_merge_request_component.js.es6
@@ -20,13 +20,33 @@
     },
     template: `
       <div>
-        <p>
-          <h5>
-            <a href="mergeRequest.url">
+        <div class="item-details">
+          <img class="avatar" :src="mergeRequest.author.avatarUrl">
+          <h5 class="item-title">
+            <a :href="mergeRequest.url">
               {{ mergeRequest.title }}
             </a>
           </h5>
-        </p>
+          <a :href="mergeRequest.url" class="issue-link">
+            !{{ mergeRequest.iid }}
+          </a>
+          &middot;
+          <span>
+            Opened
+            <a :href="mergeRequest.url" class="issue-date">
+              {{ mergeRequest.createdAt }}
+            </a>
+          </span>
+          <span>
+          by
+          <a :href="mergeRequest.author.webUrl" class="issue-author-link">
+            {{ mergeRequest.author.name }}
+          </a>
+          </span>
+        </div>
+        <div class="item-time">
+          <total-time :time="mergeRequest.totalTime"></total-time>
+        </div>
       </div>
     `,
   });