Show successful failed job with a green progress bar

felixmosh · Jun 28, 2021 · 6654e22 · 6654e22
1 parent a99688a
commit 6654e22
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/ui/src/components/JobCard/JobCard.tsx b/packages/ui/src/components/JobCard/JobCard.tsx
@@ -19,6 +19,8 @@ interface JobCardProps {
   };
 }
 
+const greenStatuses = [STATUSES.active, STATUSES.completed];
+
 export const JobCard = ({ job, status, actions, readOnlyMode }: JobCardProps) => (
   <div className={s.card}>
     <div className={s.sideInfo}>
@@ -40,7 +42,9 @@ export const JobCard = ({ job, status, actions, readOnlyMode }: JobCardProps) =>
         {typeof job.progress === 'number' && (
           <Progress
             percentage={job.progress}
-            status={job.isFailed && status !== STATUSES.active ? STATUSES.failed : status}
+            status={
+              job.isFailed && !greenStatuses.includes(status as any) ? STATUSES.failed : status
+            }
             className={s.progress}
           />
         )}