Use a badge to show invalid date

oatkiller · oatkiller · commit bd98e7e8cb73 · 2020-02-13T13:44:23.000-05:00
diff --git a/x-pack/plugins/endpoint/public/embeddables/resolver/view/panel.tsx b/x-pack/plugins/endpoint/public/embeddables/resolver/view/panel.tsx
@@ -111,11 +111,15 @@ export const Panel = memo(function Event({ className }: { className?: string })
         dataType: 'date',
         sortable: true,
         render(eventTimestamp?: Date) {
-          return eventTimestamp
-            ? formatter.format(eventTimestamp)
-            : i18n.translate('xpack.endpoint.resolver.panel.tabel.row.timestampInvalidLabel', {
-                defaultMessage: 'timestamp invalid',
-              });
+          return eventTimestamp ? (
+            formatter.format(eventTimestamp)
+          ) : (
+            <EuiBadge color="warning">
+              {i18n.translate('xpack.endpoint.resolver.panel.tabel.row.timestampInvalidLabel', {
+                defaultMessage: 'invalid',
+              })}
+            </EuiBadge>
+          );
         },
       },
       {
