Add missing states to status labels

New colors and icons for: * running * pending * skipped Fixes #460
packit · Oct 1, 2024 · e989730 · e989730
1 parent 266c8ee
commit e989730
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/frontend/src/components/statusLabels/StatusLabel.tsx b/frontend/src/components/statusLabels/StatusLabel.tsx
@@ -2,9 +2,12 @@
 // SPDX-License-Identifier: MIT
 
 import {
+  AngleDoubleRightIcon,
   CheckCircleIcon,
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
+  HourglassHalfIcon,
+  InProgressIcon,
   InfoCircleIcon,
 } from "@patternfly/react-icons";
 import React, { useEffect, useState } from "react";
@@ -39,6 +42,18 @@ export const StatusLabel: React.FC<StatusLabelProps> = (props) => {
         setColor("orange");
         setIcon(<ExclamationTriangleIcon />);
         break;
+      case "pending":
+        setColor("cyan");
+        setIcon(<HourglassHalfIcon />);
+        break;
+      case "running":
+        setColor("blue");
+        setIcon(<InProgressIcon />);
+        break;
+      case "skipped":
+        setColor("grey");
+        setIcon(<AngleDoubleRightIcon />);
+        break;
     }
   }, [props.status]);