From df0cea890d9bf208a2b56b526c7dfd37a9e1f17c Mon Sep 17 00:00:00 2001
From: Carlos Alcaide Corvo <ccorvo@hashicorp.com>
Date: Mon, 24 Apr 2023 08:37:09 -0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Refactor=20Start=20d?=
 =?UTF-8?q?ate=20format=20within=20session-recording=20(#209)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: 💡 Refactor Start date format within session-recording
---
 ui/admin/app/formats.js                                  | 7 -------
 .../templates/scopes/scope/session-recordings/index.hbs  | 4 +++-
 .../session-recording/channels-by-connection/channel.hbs | 7 ++++++-
 .../scope/session-recordings/session-recording/index.hbs | 9 ++++++++-
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/ui/admin/app/formats.js b/ui/admin/app/formats.js
index 197e8f054..3d6cb9a0b 100644
--- a/ui/admin/app/formats.js
+++ b/ui/admin/app/formats.js
@@ -34,13 +34,6 @@ export default {
       minute: 'numeric',
       timeZoneName: 'short',
     },
-    mmddyyhhmm: {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: 'numeric',
-      minute: 'numeric',
-    },
   },
   number: {
     compact: { notation: 'compact' },
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
index 38b75519a..2be96d53d 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
@@ -25,7 +25,9 @@
             {{! Time }}
             <B.Td>
               <span class='hds-foreground-faint'>
-                {{format-date B.data.start_time format='mmddyyhhmm'}}
+                <time datetime={{format-date-iso B.data.start_time}}>
+                  {{format-date-iso-human B.data.start_time}}
+                </time>
               </span>
             </B.Td>
             {{! User }}
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
index 472d54987..55c7ef3d1 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
@@ -27,7 +27,12 @@
           <MetadataList @orientation='vertical' as |list|>
             {{! Start time }}
             <list.Item @icon='calendar' @color='faint'>
-              {{@model.channelRecording.start_time}}
+              {{t 'form.started.label'}}
+              <time
+                datetime={{format-date-iso @model.channelRecording.start_time}}
+              >
+                {{format-date-iso-human @model.channelRecording.start_time}}
+              </time>
             </list.Item>
             {{! Duration }}
             <list.Item @icon='clock' @color='faint'>
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
index 763f0ce11..2f4321f40 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
@@ -77,7 +77,14 @@
             <MetadataList @orientation='vertical' as |list|>
               {{! Start time }}
               <list.Item @icon='calendar' @color='faint'>
-                {{@model.sessionRecording.start_time}}
+                {{t 'form.started.label'}}
+                <time
+                  datetime={{format-date-iso
+                    @model.sessionRecording.start_time
+                  }}
+                >
+                  {{format-date-iso-human @model.sessionRecording.start_time}}
+                </time>
               </list.Item>
               {{! Duration }}
               <list.Item @icon='clock' @color='faint'>