fix types

elastic · Jun 17, 2021 · 22ef586 · 22ef586
1 parent 2a9e540
commit 22ef586
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/...rvability/public/components/shared/exploratory_view/configurations/constants/constants.ts b/...rvability/public/components/shared/exploratory_view/configurations/constants/constants.ts
@@ -13,6 +13,7 @@ import {
   BROWSER_VERSION_LABEL,
   CLS_LABEL,
   CORE_WEB_VITALS_LABEL,
+  DEVICE_DISTRIBUTION_LABEL,
   DEVICE_LABEL,
   ENVIRONMENT_LABEL,
   FCP_LABEL,
@@ -80,6 +81,7 @@ export const DataViewLabels: Record<ReportViewTypeId, string> = {
   dist: PERF_DIST_LABEL,
   kpi: KIP_OVER_TIME_LABEL,
   cwv: CORE_WEB_VITALS_LABEL,
+  mdd: DEVICE_DISTRIBUTION_LABEL,
 };
 
 export const USE_BREAK_DOWN_COLUMN = 'USE_BREAK_DOWN_COLUMN';

diff --git a/...bservability/public/components/shared/exploratory_view/configurations/constants/labels.ts b/...bservability/public/components/shared/exploratory_view/configurations/constants/labels.ts
@@ -176,6 +176,13 @@ export const CORE_WEB_VITALS_LABEL = i18n.translate(
   }
 );
 
+export const DEVICE_DISTRIBUTION_LABEL = i18n.translate(
+  'xpack.observability.expView.fieldLabels.deviceDistribution',
+  {
+    defaultMessage: 'Device distribution',
+  }
+);
+
 export const MOBILE_RESPONSE_LABEL = i18n.translate(
   'xpack.observability.expView.fieldLabels.mobileReponse',
   {

diff --git a/...observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx b/...observability/public/components/shared/exploratory_view/series_builder/series_builder.tsx
@@ -18,6 +18,7 @@ import { ReportBreakdowns } from './columns/report_breakdowns';
 import { NEW_SERIES_KEY, useSeriesStorage } from '../hooks/use_series_storage';
 import { useAppIndexPatternContext } from '../hooks/use_app_index_pattern';
 import { getDefaultConfigs } from '../configurations/default_configs';
+import { DEVICE_DISTRIBUTION_LABEL } from '../configurations/constants/labels';
 
 export const ReportTypes: Record<AppDataType, Array<{ id: ReportViewTypeId; label: string }>> = {
   synthetics: [
@@ -32,7 +33,7 @@ export const ReportTypes: Record<AppDataType, Array<{ id: ReportViewTypeId; labe
   mobile: [
     { id: 'kpi', label: 'KPI over time' },
     { id: 'dist', label: 'Performance distribution' },
-    { id: 'mdd', label: 'Device distribution' },
+    { id: 'mdd', label: DEVICE_DISTRIBUTION_LABEL },
   ],
   apm: [],
   infra_logs: [],