elastic/kibana

[Fleet] Add placeholder UI to integrations panel on agent details page

Open

#166,246 创建于 2023年9月12日

在 GitHub 查看
 (9 评论) (0 反应) (0 负责人)TypeScript (19,065 star) (8,021 fork)batch import
Team:Fleetbuggood first issueimpact:lowv8.11.0

描述

Description: If there is no integration added, there should be a message displayed for the same

Build Details:

VERSION: 8.11.0
BUILD: 66955
COMMIT: 127d4dfce7e9b9af4999e401c649f4c736e526e2

Browser Details: All

Preconditions:

  1. Kibana user should be logged in

Steps to Reproduce:

  1. Navigate to the fleet tab
  2. Create a new policy
  3. The newly created policy should be deleted for any integration if added
  4. Use the same policy to deploy an agent
  5. Click on the agent name to view agent details
  6. Observe the integration column is empty

Actual Result: If there is no integration added, the user is shown with just empty page without any data

Expected Result: If there is no integration added, there should be a message displayed for the same

Screenshot: Capture

Logs N/A

贡献者指南

技术栈
typescriptreacthtmlcss
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
ReactTypeScriptKibana basics
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
The issue is about adding a placeholder when no integrations are present in the agent details page under the Fleet plugin. Start by locating the relevant React component responsible for rendering the integrations list (likely in `x pack/plugins/fleet/public/`). Look for existing empty state patterns in the codebase (e.g., using `EuiEmptyPrompt` from EUI library). Implement a conditional message when the integrations array is empty.