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 8134d0f9c54a0..dc32a18daf69e 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
@@ -14,6 +14,7 @@ import {
EuiSelectable,
EuiText,
EuiTourStep,
+ EuiLink,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
@@ -65,17 +66,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<{
@@ -198,6 +205,7 @@ export const AgentStatusFilter: React.FC<{
return (
0 && !inactiveAgentsCalloutHasBeenDismissed}
+ setInactiveAgentsCalloutHasBeenDismissed={setInactiveAgentsCalloutHasBeenDismissed}
>