Added group to the custom metrics table

ee/app/assets/javascripts/prometheus_metrics/prometheus_metrics.js

@@ -9,7 +9,7 @@ function customMetricTemplate(metric) {
   const editIcon = spriteIcon('pencil');
   return `
       <li class="custom-metric">
-        ${metric.title}
+        ${metric.group} / ${metric.title}
         <div
           class="custom-metric-operation">
           <a

spec/javascripts/prometheus_metrics/ee/mock_data.js

-export const metrics = [
+const metrics = [
   {
     edit_path: '/root/prometheus-test/prometheus/metrics/3/edit',
     id: 3,
     title: 'Requests',
+    group: 'Business',
   },
   {
     edit_path: '/root/prometheus-test/prometheus/metrics/2/edit',
     id: 2,
     title: 'Sales by the hour',
+    group: 'Business',
   },
   {
     edit_path: '/root/prometheus-test/prometheus/metrics/1/edit',
     id: 1,
     title: 'Requests',
+    group: 'Business',
   },
 ];
-export const environments = [];
+
+export default metrics;
+

spec/javascripts/prometheus_metrics/ee/prometheus_metrics_spec.js

@@ -2,7 +2,7 @@ import MockAdapter from 'axios-mock-adapter';
 import axios from '~/lib/utils/axios_utils';
 import PrometheusMetrics from 'ee/prometheus_metrics/prometheus_metrics';
 import PANEL_STATE from '~/prometheus_metrics/constants';
-import { metrics } from './mock_data';
+import metrics from './mock_data';
 
 describe('PrometheusMetrics EE', () => {
   const FIXTURE = 'services/prometheus/prometheus_service.html.raw';