Add missing states to status labels

New colors and icons for:
* running
* pending
* skipped

Fixes packit#460

frontend/src/components/statusLabels/StatusLabel.tsx

@@ -6,6 +6,9 @@ import {
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
   InfoCircleIcon,
+  AngleDoubleRightIcon,
+  InProgressIcon,
+  HourglassHalfIcon,
 } from "@patternfly/react-icons";
 import React, { useEffect, useState } from "react";
 import { BaseStatusLabel, BaseStatusLabelProps } from "./BaseStatusLabel";
@@ -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]);