diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/agent_status_filter.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/agent_status_filter.tsx index ece89842c1bf6..9152b04970ba6 100644 --- a/x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/agent_status_filter.tsx +++ b/x-pack/plugins/fleet/public/applications/fleet/sections/agents/agent_list_page/components/agent_status_filter.tsx @@ -13,6 +13,7 @@ import { EuiText, EuiTourStep, useEuiTheme, + EuiLink, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n-react'; @@ -64,17 +65,11 @@ const LeftpaddedNotificationBadge = styled(EuiNotificationBadge)` margin-left: 10px; `; -const TourStepNoHeaderFooter = styled(EuiTourStep)` - .euiTourFooter { - display: none; - } - .euiTourHeader { - display: none; - } -`; - -const InactiveAgentsTourStep: React.FC<{ isOpen: boolean }> = ({ children, isOpen }) => ( - void; +}> = ({ children, isOpen, setInactiveAgentsCalloutHasBeenDismissed }) => ( + = ({ children, isOpe onFinish={() => {}} anchorPosition="upCenter" maxWidth={280} + footerAction={ + { + setInactiveAgentsCalloutHasBeenDismissed(true); + }} + > + + + } > {children as React.ReactElement} - + ); export const AgentStatusFilter: React.FC<{ @@ -160,6 +167,7 @@ export const AgentStatusFilter: React.FC<{ return ( 0 && !inactiveAgentsCalloutHasBeenDismissed} + setInactiveAgentsCalloutHasBeenDismissed={setInactiveAgentsCalloutHasBeenDismissed} >