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}
>