From 412c9bc76dd26e3889962b3a0421aea47b0a6e85 Mon Sep 17 00:00:00 2001
From: DeclanE <160616898+declan8010@users.noreply.github.com>
Date: Tue, 12 Mar 2024 15:31:46 +0000
Subject: [PATCH] feat(web): Implemented device last seen date and time with
 user locale support (#7863)

* Implemented last seen date and time with user locale support

* Run Prettier

* Prettier and Linter

* Updated last seen to be in line with suggestions

* Reworked datestamp
---
 web/src/lib/components/user-settings-page/device-card.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/user-settings-page/device-card.svelte b/web/src/lib/components/user-settings-page/device-card.svelte
index 5395ae43f4..64f17ad9e5 100644
--- a/web/src/lib/components/user-settings-page/device-card.svelte
+++ b/web/src/lib/components/user-settings-page/device-card.svelte
@@ -28,7 +28,6 @@
 </script>
 
 <div class="flex w-full flex-row">
-  <!-- TODO: Device Image -->
   <div class="hidden items-center justify-center pr-2 text-immich-primary dark:text-immich-dark-primary sm:flex">
     {#if device.deviceOS === 'Android'}
       <Icon path={mdiAndroid} size="40" />
@@ -58,6 +57,10 @@
       <div class="text-sm">
         <span class="">Last seen</span>
         <span>{DateTime.fromISO(device.updatedAt, { locale: $locale }).toRelativeCalendar(options)}</span>
+        <span class="text-xs text-gray-500 dark:text-gray-400"> - </span>
+        <span class="text-xs text-gray-500 dark:text-gray-400">
+          {DateTime.fromISO(device.updatedAt, { locale: $locale }).toLocaleString(DateTime.DATETIME_MED)}
+        </span>
       </div>
     </div>
     {#if !device.current}