litmuschaos/litmus

Show exclamation icon in square box for partially completed experiments in ChaosCenter

Open

#5,257 建立於 2025年10月23日

在 GitHub 查看
 (19 留言) (0 反應) (0 負責人)HTML (3,702 star) (574 fork)batch import
good first issuekind/enhancement

描述

Description

In ChaosCenter → Experiment section → Recent Experiment Runs, experiments with a Resilience Score less than 100 (e.g., 50) currently display a Completed status in orange with a tooltip containing an exclamation icon.

To improve consistency with the Error status display, the exclamation icon should also appear inside a square box in the Recent Experiment Runs list, similar to the cross icon used for Error status.

Location

ChaosCenter → Experiment section → Recent Experiment Runs

Proposed changes

  • For partially completed experiments (Resilience Score < 100), display the exclamation icon inside a square box in the Recent Experiment Runs list.
  • Maintain the orange color for partially completed status.
  • Ensure the tooltip with the Resilience Score and status remains functional.
  • Keep styling and alignment consistent with the Error status display.

貢獻者指南

技術棧
無
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
active
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Reactlocal dev environmentfamiliarity with ChaosCenter UI
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
75
研究方向
Investigate the RecentExperimentRuns component in the ChaosCenter frontend. Look for where status icons are rendered, likely using a library like react icons or custom components. Modify the condition for partially completed experiments (resilience score < 100) to display an exclamation icon inside a square box, similar to the error status cross icon. Ensure the orange color and tooltip remain. Check if there are existing utility functions or CSS classes for the square box style.