1 files changed, 2 insertions, 34 deletions

diff --git a/app/assets/javascripts/monitoring/components/dashboard.vue b/app/assets/javascripts/monitoring/components/dashboard.vue
index 973fc8e10c9..0b4bb9cc686 100644
--- a/app/assets/javascripts/monitoring/components/dashboard.vue
+++ b/app/assets/javascripts/monitoring/components/dashboard.vue
@@ -6,15 +6,12 @@ import Flash from '../../flash';
 import MonitoringService from '../services/monitoring_service';
 import MonitorAreaChart from './charts/area.vue';
 import GraphGroup from './graph_group.vue';
-import Graph from './graph.vue';
 import EmptyState from './empty_state.vue';
 import MonitoringStore from '../stores/monitoring_store';
-import eventHub from '../event_hub';
 
 export default {
   components: {
     MonitorAreaChart,
-    Graph,
     GraphGroup,
     EmptyState,
     Icon,
@@ -25,21 +22,11 @@ export default {
       required: false,
       default: true,
     },
-    showLegend: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
     showPanels: {
       type: Boolean,
       required: false,
       default: true,
     },
-    forceSmallGraph: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
     documentationPath: {
       type: String,
       required: true,
@@ -99,14 +86,10 @@ export default {
       store: new MonitoringStore(),
       state: 'gettingStarted',
       showEmptyState: true,
-      hoverData: {},
       elWidth: 0,
     };
   },
   computed: {
-    graphComponent() {
-      return gon.features && gon.features.areaChart ? MonitorAreaChart : Graph;
-    },
     forceRedraw() {
       return this.elWidth;
     },
@@ -122,10 +105,8 @@ export default {
       childList: false,
       subtree: false,
     };
-    eventHub.$on('hoverChanged', this.hoverChanged);
   },
   beforeDestroy() {
-    eventHub.$off('hoverChanged', this.hoverChanged);
     window.removeEventListener('resize', this.resizeThrottled, false);
     this.sidebarMutationObserver.disconnect();
   },
@@ -176,9 +157,6 @@ export default {
     resize() {
       this.elWidth = this.$el.clientWidth;
     },
-    hoverChanged(data) {
-      this.hoverData = data;
-    },
   },
 };
 </script>
@@ -215,23 +193,13 @@ export default {
       :name="groupData.group"
       :show-panels="showPanels"
     >
-      <component
-        :is="graphComponent"
+      <monitor-area-chart
         v-for="(graphData, graphIndex) in groupData.metrics"
         :key="graphIndex"
         :graph-data="graphData"
-        :hover-data="hoverData"
-        :deployment-data="store.deploymentData"
-        :project-path="projectPath"
-        :tags-path="tagsPath"
-        :show-legend="showLegend"
-        :small-graph="forceSmallGraph"
         :alert-data="getGraphAlerts(graphData.id)"
         group-id="monitor-area-chart"
-      >
-        <!-- EE content -->
-        {{ null }}
-      </component>
+      />
     </graph-group>
   </div>
   <empty-state