fix(ui): Add missing workflow states (#552)

TracecatHQ · Nov 26, 2024 · a9fb0e1 · a9fb0e1
1 parent fde3c1c
commit a9fb0e1
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/frontend/src/components/executions/nav.tsx b/frontend/src/components/executions/nav.tsx
@@ -6,6 +6,8 @@ import {
   workflowExecutionsTerminateWorkflowExecution,
 } from "@/client"
 import {
+  AlarmClockOffIcon,
+  CircleArrowRightIcon,
   CircleCheck,
   CircleMinusIcon,
   CircleX,
@@ -208,6 +210,10 @@ export function getExecutionStatusIcon(
   className?: string
 ) {
   switch (status) {
+    case "RUNNING":
+      return (
+        <Loader2 className={cn("animate-spin stroke-blue-500/50", className)} />
+      )
     case "COMPLETED":
       return (
         <CircleCheck
@@ -219,20 +225,29 @@ export function getExecutionStatusIcon(
       )
     case "FAILED":
       return <CircleX className={cn("fill-rose-500 stroke-white", className)} />
-    case "RUNNING":
+    case "CANCELED":
       return (
-        <Loader2 className={cn("animate-spin stroke-blue-500/50", className)} />
+        <CircleMinusIcon
+          className={cn("fill-orange-500 stroke-white", className)}
+        />
       )
     case "TERMINATED":
       return (
         <CircleMinusIcon
           className={cn("fill-rose-500 stroke-white", className)}
         />
       )
-    case "CANCELED":
+    case "CONTINUED_AS_NEW":
       return (
-        <CircleMinusIcon
-          className={cn("fill-orange-500 stroke-white", className)}
+        <CircleArrowRightIcon
+          className={cn("fill-blue-500 stroke-white", className)}
+        />
+      )
+    case "TIMED_OUT":
+      return (
+        <AlarmClockOffIcon
+          className={cn("stroke-rose-500", className)}
+          strokeWidth={2}
         />
       )
     default: