Show tick icon for completed experiments update (#5260)

* Update StatusHeatMap.tsx

Signed-off-by: khushi Tiwari <[email protected]>

Signed-off-by: khushi1310 <[email protected]>

* Update StatusHeatMap.module.scss

Signed-off-by: khushi Tiwari <[email protected]>

Signed-off-by: khushi1310 <[email protected]>

---------

Signed-off-by: khushi1310 <[email protected]>
Co-authored-by: Pritesh Kiri <[email protected]>
Co-authored-by: Vedant Shrotria <[email protected]>

Author: 3 people

chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.module.scss

@@ -14,7 +14,7 @@
     justify-content: center;
 
     &[data-state='completed'] {
-      background-color: var(--green-500);
+      background-color: var(--green-50);
       &:hover,
       &:focus {
         box-shadow: var(--white) 0px 0px 0px 1px, var(--green-100) 0px 0px 0px 2px;

chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.tsx

@@ -36,7 +36,6 @@ export function StatusHeatMap(props: StatusHeatMapProps): React.ReactElement {
 
   function hideIconForStatus(experimentRunStatus: ExperimentRunStatus): boolean {
     switch (experimentRunStatus) {
-      case ExperimentRunStatus.COMPLETED:
       case ExperimentRunStatus.COMPLETED_WITH_PROBE_FAILURE:
       case ExperimentRunStatus.COMPLETED_WITH_ERROR:
       case ExperimentRunStatus.NA: