From 4eb0011b660bdb46c530dfaee03a2068de11cd73 Mon Sep 17 00:00:00 2001
From: Marthym <marthym@gmail.com>
Date: Tue, 16 Jan 2024 23:41:45 +0100
Subject: [PATCH] feat(seaside): #195 fix user created timezone

---
 seaside/src/administration/component/UserAdminTab.vue | 9 +--------
 seaside/src/security/services/UserService.ts          | 9 ++++++++-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/seaside/src/administration/component/UserAdminTab.vue b/seaside/src/administration/component/UserAdminTab.vue
index 02fa3074..ed6f6251 100644
--- a/seaside/src/administration/component/UserAdminTab.vue
+++ b/seaside/src/administration/component/UserAdminTab.vue
@@ -64,7 +64,7 @@
         <td>{{ vUser.data.name }}</td>
         <td>{{ vUser.data.mail }}</td>
         <td>{{ roleFromPermission(vUser.data.roles) }}</td>
-        <td>{{ dateToString(vUser.data._createdAt) }}</td>
+        <td>{{ vUser.data._createdAt }}</td>
         <td>
           <div class="join justify-end w-full">
             <button class="btn btn-sm btn-square btn-ghost join-item" @click.prevent="onUserEdit(vUser.data)">
@@ -176,13 +176,6 @@ export default class UserAdminTab extends Vue {
     );
   }
 
-  dateToString(date: string): string {
-    return new Date(date).toLocaleDateString(navigator.languages, {
-      timeZone: 'UTC',
-      year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit',
-    });
-  }
-
   private roleFromPermission(perm: string[]): string {
     const first = perm.slice(0, 1).join();
     const idx = first.indexOf(':');
diff --git a/seaside/src/security/services/UserService.ts b/seaside/src/security/services/UserService.ts
index 4c5c74b6..a5066b7c 100644
--- a/seaside/src/security/services/UserService.ts
+++ b/seaside/src/security/services/UserService.ts
@@ -30,13 +30,20 @@ export function userList(page = 0, query: URLSearchParams = new URLSearchParams(
         map(response => ({
                 currentPage: resolvedPage,
                 totalPage: Math.ceil(response.totalCount / Number(resolvedPerPage)),
-                data: response.entities,
+                data: response.entities.map(user => ({
+                    ...user,
+                    _createdAt: utcToZonedTime(user._createdAt),
+                })),
             }),
         ),
         take(1),
     );
 }
 
+function utcToZonedTime(utcDate: string): string {
+    return new Date(utcDate).toLocaleString();
+}
+
 const USER_CREATE_REQUEST = `#graphql
 mutation CreateNewUser ($user: UserForm) {
     userCreate(user: $user) {