litmuschaos/litmus

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

Open

#5.257 geöffnet am 23. Okt. 2025

Auf GitHub ansehen
 (21 Kommentare) (0 Reaktionen) (1 zugewiesene Person)HTML (3.702 Stars) (574 Forks)batch import
good first issuekind/enhancement

Beschreibung

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.

Contributor Guide

Tech Stack
Keine
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
active
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Reactlocal dev environmentfamiliarity with ChaosCenter UI
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75
Research-Richtung
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.