From 49867c06e63b5fc7b73031d946effb88c1ad1d1e Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Thu, 9 May 2024 02:49:30 +0200
Subject: [PATCH] feat(frontend): add missing date in the previous run panel
 (#3693)

---
 frontend/src/lib/components/SavedInputs.svelte | 11 ++++++++---
 frontend/src/lib/utils.ts                      | 13 +++++++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/SavedInputs.svelte b/frontend/src/lib/components/SavedInputs.svelte
index 078eec34338dc..e06f8a3479690 100644
--- a/frontend/src/lib/components/SavedInputs.svelte
+++ b/frontend/src/lib/components/SavedInputs.svelte
@@ -8,7 +8,7 @@
 		type Job
 	} from '$lib/gen/index.js'
 	import { userStore, workspaceStore } from '$lib/stores.js'
-	import { classNames, displayDate, sendUserToast } from '$lib/utils.js'
+	import { classNames, displayDate, displayDateOnly, sendUserToast } from '$lib/utils.js'
 	import { createEventDispatcher } from 'svelte'
 	import { Pane, Splitpanes } from 'svelte-splitpanes'
 	import ObjectViewer from './propertyPicker/ObjectViewer.svelte'
@@ -377,11 +377,16 @@
 										{i.created_by}
 									</div>
 									<div
-										class="whitespace-nowrap col-span-3 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+										class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+									>
+										{displayDateOnly(new Date(i.created_at))}
+									</div>
+									<div
+										class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
 									>
 										<TimeAgo date={i.created_at ?? ''} />
 									</div>
-									<div class="col-span-2">
+									<div class="col-span-1">
 										<a
 											target="_blank"
 											href="/run/{i.id}?workspace={$workspaceStore}"
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 34564e0f0bce0..78f198f827552 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -36,6 +36,19 @@ export function parseQueryParams(url: string | undefined) {
 	return params
 }
 
+export function displayDateOnly(dateString: string | Date | undefined): string {
+	const date = new Date(dateString ?? '')
+	if (date.toString() === 'Invalid Date') {
+		return ''
+	} else {
+		return date.toLocaleDateString([], {
+			year: 'numeric',
+			month: '2-digit',
+			day: '2-digit'
+		})
+	}
+}
+
 export function displayDate(
 	dateString: string | Date | undefined,
 	displaySecond = false,