Fix typo

elastic · Nov 23, 2020 · 253828b · 253828b
1 parent 8eb3744
commit 253828b
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agents/components/agent_health.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agents/components/agent_health.tsx
@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { FormattedMessage, FormattedRelative } from '@kbn/i18n/react';
-import { EuiHealth, EuiBadge, EuiToolTip } from '@elastic/eui';
+import { EuiHealth, EuiToolTip } from '@elastic/eui';
 import { Agent } from '../../../types';
 
 interface Props {
@@ -14,9 +14,9 @@ interface Props {
 
 const Status = {
   Online: (
-    <EuiBadge color="secondary">
-      <FormattedMessage id="xpack.fleet.agentHealth.healthyStatusText" defaultMessage="Healthy" />
-    </EuiBadge>
+    <EuiHealth color="success">
+      <FormattedMessage id="xpack.fleet.agentHealth.onlineStatusText" defaultMessage="Online" />
+    </EuiHealth>
   ),
   Offline: (
     <EuiHealth color="subdued">
@@ -89,9 +89,10 @@ function getStatusComponent(agent: Agent): React.ReactElement {
   }
 }
 
-export const AgentHealth: React.FunctionComponent<Props> = ({ agent, ...props }) => {
+export const AgentHealth: React.FunctionComponent<Props> = ({ agent }) => {
   const { last_checkin: lastCheckIn } = agent;
   const msLastCheckIn = new Date(lastCheckIn || 0).getTime();
+
   return (
     <EuiToolTip
       position="top"