feat: add repeat label & change timeline text, #360

felixmosh · Jan 11, 2022 · ec6bef4 · ec6bef4
1 parent 31681a4
commit ec6bef4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/packages/ui/src/components/JobCard/JobCard.tsx b/packages/ui/src/components/JobCard/JobCard.tsx
@@ -32,6 +32,12 @@ export const JobCard = ({ job, status, actions, readOnlyMode }: JobCardProps) =>
         <h4>
           {job.name}
           {job.attempts > 0 && <span>attempt #{job.attempts + 1}</span>}
+          {!!job.opts?.repeat?.count && (
+            <span>
+              repeat {job.opts?.repeat?.count}
+              {!!job.opts?.repeat?.limit && ` / ${job.opts?.repeat?.limit}`}
+            </span>
+          )}
         </h4>
         {!readOnlyMode && <JobActions status={status} actions={actions} />}
       </div>

diff --git a/packages/ui/src/components/JobCard/Timeline/Timeline.tsx b/packages/ui/src/components/JobCard/Timeline/Timeline.tsx
@@ -26,12 +26,8 @@ export const Timeline = function Timeline({ job, status }: { job: AppJob; status
         </li>
         {!!job.delay && job.delay > 0 && status === STATUSES.delayed && (
           <li>
-            <small>Delayed for</small>
-            <time>
-              {formatDistance(job.timestamp || 0, (job.timestamp || 0) + job.delay, {
-                includeSeconds: true,
-              })}
-            </time>
+            <small>Will run at</small>
+            <time>{formatDate((job.timestamp || 0) + job.delay)}</time>
           </li>
         )}
         {!!job.processedOn && (