From 7d651ad1de8a6b150164a5f94938e2f79f875f93 Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Wed, 21 Mar 2018 16:49:57 +0000
Subject: removed check for host changed wrapper to container with correct
 widths

---
 .../performance_bar/components/detailed_metric.vue     | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

(limited to 'app/assets/javascripts/performance_bar/components/detailed_metric.vue')

diff --git a/app/assets/javascripts/performance_bar/components/detailed_metric.vue b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
index 719282e69c1..d4881f07972 100644
--- a/app/assets/javascripts/performance_bar/components/detailed_metric.vue
+++ b/app/assets/javascripts/performance_bar/components/detailed_metric.vue
@@ -28,8 +28,11 @@ export default {
     },
   },
   computed: {
+    metricDetails() {
+      return this.currentRequest.details[this.metric];
+    },
     detailsList() {
-      return this.currentRequest.details[this.metric][this.details];
+      return this.metricDetails[this.details];
     },
   },
 };
@@ -38,6 +41,7 @@ export default {
   <div
     :id="`peek-view-${metric}`"
     class="view"
+    v-if="currentRequest.details"
   >
     <button
       :data-target="`#modal-peek-${metric}-details`"
@@ -45,17 +49,11 @@ export default {
       type="button"
       data-toggle="modal"
     >
-      <span
-        v-if="currentRequest.details"
-        class="bold"
-      >
-        {{ currentRequest.details[metric].duration }}
-        /
-        {{ currentRequest.details[metric].calls }}
-      </span>
+      {{ metricDetails.duration }}
+      /
+      {{ metricDetails.calls }}
     </button>
     <gl-modal
-      v-if="currentRequest.details"
       :id="`modal-peek-${metric}-details`"
       :header-title-text="header"
       class="performance-bar-modal"
-- 
cgit v1.2.1

