From b0d98215359498f43a516e79d6abff23e44331d9 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 22 Oct 2020 17:51:25 +0200
Subject: [PATCH] output relative time

---
 src/components/pages/History/ComputeDetails.tsx | 6 +++---
 src/components/pages/History/ComputeJobs.tsx    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/History/ComputeDetails.tsx b/src/components/pages/History/ComputeDetails.tsx
index 4a09b09f8..3e0eef747 100644
--- a/src/components/pages/History/ComputeDetails.tsx
+++ b/src/components/pages/History/ComputeDetails.tsx
@@ -35,7 +35,7 @@ export default function ComputeDetailsModal({
           computeJob.did,
           computeJob.jobId
         )
-        if (job && job.length > 0) {
+        if (job?.length > 0) {
           computeJob.algorithmLogUrl = job[0].algorithmLogUrl
           // hack because ComputeJob returns resultsUrl instead of resultsUrls, issue created already
           computeJob.resultsUrls =
@@ -58,11 +58,11 @@ export default function ComputeDetailsModal({
     >
       <h3 className={styles.title}>{computeJob.assetName}</h3>
       <p>
-        Created on <Time date={computeJob.dateCreated} isUnix />
+        Created <Time date={computeJob.dateCreated} isUnix relative />
         {computeJob.dateFinished && (
           <>
             <br />
-            Finished on <Time date={computeJob.dateFinished} isUnix />
+            Finished <Time date={computeJob.dateFinished} isUnix relative />
           </>
         )}
       </p>
diff --git a/src/components/pages/History/ComputeJobs.tsx b/src/components/pages/History/ComputeJobs.tsx
index 4b967a92a..6789cb6cb 100644
--- a/src/components/pages/History/ComputeJobs.tsx
+++ b/src/components/pages/History/ComputeJobs.tsx
@@ -51,7 +51,7 @@ const columns = [
   {
     name: 'Finished',
     selector: function getTimeRow(row: ComputeJobMetaData) {
-      return <Time date={row.dateFinished} isUnix />
+      return <Time date={row.dateFinished} isUnix relative />
     }
   },
   {