Feature/monitor list externel linking (#53098)

* update monitor list columns

* update columns

* update snaps

* fix type

* removed unused ii8n

x-pack/legacy/plugins/uptime/public/components/functional/charts/monitor_bar_series.tsx

@@ -17,6 +17,8 @@ import {
 } from '@elastic/charts';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { EuiText, EuiToolTip } from '@elastic/eui';
 import { SummaryHistogramPoint } from '../../../../common/graphql/types';
 import { getColorsMap } from './get_colors_map';
 import { getChartDateLabel, seriesHasDownValues } from '../../../lib/helper';
@@ -54,7 +56,7 @@ export const MonitorBarSeries = ({
   const id = getSpecId('downSeries');
 
   return seriesHasDownValues(histogramSeries) ? (
-    <div style={{ height: 50, width: '100%' }}>
+    <div style={{ height: 50, width: '100%', maxWidth: '1200px' }}>
       <Chart>
         <Settings xDomain={{ min: absoluteStartDate, max: absoluteEndDate }} />
         <Axis
@@ -78,5 +80,18 @@ export const MonitorBarSeries = ({
         />
       </Chart>
     </div>
-  ) : null;
+  ) : (
+    <EuiToolTip
+      position="top"
+      content={
+        <FormattedMessage
+          id="xpack.uptime.monitorList.noDownHistory"
+          defaultMessage="This monitor has never been {emphasizedText} during the selected time range."
+          values={{ emphasizedText: <strong>down</strong> }}
+        />
+      }
+    >
+      <EuiText color="secondary">--</EuiText>
+    </EuiToolTip>
+  );
 };