From c90749bd56afe58d962137af510e95953b54c3b4 Mon Sep 17 00:00:00 2001
From: ali asaria <aliasaria@users.noreply.github.com>
Date: Mon, 3 Feb 2025 14:46:13 -0500
Subject: [PATCH] change how timing is displayed (not working well)

---
 .../Experiment/Eval/EvalJobsTable.tsx         | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/Experiment/Eval/EvalJobsTable.tsx b/src/renderer/components/Experiment/Eval/EvalJobsTable.tsx
index dd785985..19f0ffee 100644
--- a/src/renderer/components/Experiment/Eval/EvalJobsTable.tsx
+++ b/src/renderer/components/Experiment/Eval/EvalJobsTable.tsx
@@ -13,6 +13,12 @@ import * as chatAPI from '../../../lib/transformerlab-api-sdk';
 import dayjs from 'dayjs';
 import ViewOutputModalStreaming from './ViewOutputModalStreaming';
 
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+dayjs.extend(relativeTime);
+var duration = require('dayjs/plugin/duration');
+dayjs.extend(duration);
+
 const fetcher = (url) => fetch(url).then((res) => res.json());
 
 const EvalJobsTable = () => {
@@ -45,8 +51,7 @@ const EvalJobsTable = () => {
               <th width="50px">Id</th>
               <th>Eval</th>
               <th>Progress</th>
-              <th>Started At</th>
-              <th>Finished At</th>
+              <th>Started</th>
               <th>Actions</th>
             </tr>
           </thead>
@@ -64,8 +69,17 @@ const EvalJobsTable = () => {
                   <br />
                   Progress: {job?.progress}
                 </td>
-                <td>{String(dayjs(job?.created_at))}</td>
-                <td>{String(dayjs(job?.updated_at))}</td>
+                <td>
+                  Started:&nbsp;
+                  {String(dayjs(job?.created_at).fromNow())}
+                  <br />
+                  Completed in:&nbsp;
+                  {dayjs
+                    .duration(
+                      dayjs(job?.updated_at).diff(dayjs(job?.created_at))
+                    )
+                    .humanize()}
+                </td>
                 <td>
                   <ButtonGroup variant="soft">
                     <Button
-- 
GitLab