👻 Align TaskStateIcon Icon status fields with IconedStatus

Signed-off-by: Scott J Dickerson <[email protected]>
konveyor · Jul 1, 2024 · d90f5a5 · d90f5a5
1 parent 376f354
commit d90f5a5
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/client/src/app/components/Icons/TaskStateIcon.tsx b/client/src/app/components/Icons/TaskStateIcon.tsx
@@ -18,21 +18,29 @@ export const TaskStateIcon: FC<{ state?: TaskState }> = ({ state }) => {
     case "No task":
       return <UnknownIcon />;
     case "Canceled":
-      return <TimesCircleIcon />;
+      return (
+        <Icon status="info">
+          <TimesCircleIcon />
+        </Icon>
+      );
     case "Succeeded":
       return (
-        <Icon status={"success"}>
+        <Icon status="success">
           <CheckCircleIcon />
         </Icon>
       );
     case "Failed":
       return (
-        <Icon status={"danger"}>
+        <Icon status="danger">
           <ExclamationCircleIcon />
         </Icon>
       );
     case "Running":
-      return <InProgressIcon />;
+      return (
+        <Icon status="info">
+          <InProgressIcon />
+        </Icon>
+      );
     case "Pending":
       return <PendingIcon />;
     case "QuotaBlocked":