From 1142855b64c296345fbb2612998b852c3b4e93f0 Mon Sep 17 00:00:00 2001
From: mmitiche <86681870+mmitiche@users.noreply.github.com>
Date: Wed, 9 Oct 2024 15:41:49 -0400
Subject: [PATCH] fix(quantic,atomic): fixed timezone issue with user actions
 timeline (#4514)

## [SFINT-5765](https://coveord.atlassian.net/browse/SFINT-5765)

- Fixed timezone of the dates displayed in the user actions timeline,
instead of displaying the dates in the UTC timezone we need to display
them in the local timezone.


[SFINT-5765]:
https://coveord.atlassian.net/browse/SFINT-5765?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
---
 packages/atomic/src/utils/date-utils.ts       | 12 +++++------
 .../__tests__/quanticUserAction.test.js       | 20 ++++++++++++++-----
 .../default/lwc/quanticUtils/quanticUtils.js  | 13 ++++++------
 3 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/packages/atomic/src/utils/date-utils.ts b/packages/atomic/src/utils/date-utils.ts
index b07b349b9e2..6312f1ec36a 100644
--- a/packages/atomic/src/utils/date-utils.ts
+++ b/packages/atomic/src/utils/date-utils.ts
@@ -44,12 +44,12 @@ export function parseTimestampToDateDetails(timestamp: number) {
 
   const date = new Date(timestamp);
 
-  const dayOfWeek = daysOfWeek[date.getUTCDay()];
-  const month = months[date.getUTCMonth()];
-  const day = date.getUTCDate();
-  const year = date.getUTCFullYear();
-  const hours = date.getUTCHours();
-  const minutes = date.getUTCMinutes();
+  const dayOfWeek = daysOfWeek[date.getDay()];
+  const month = months[date.getMonth()];
+  const day = date.getDate();
+  const year = date.getFullYear();
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
 
   return {
     year,
diff --git a/packages/quantic/force-app/main/default/lwc/quanticUserAction/__tests__/quanticUserAction.test.js b/packages/quantic/force-app/main/default/lwc/quanticUserAction/__tests__/quanticUserAction.test.js
index 7795b43f082..491323c28ff 100644
--- a/packages/quantic/force-app/main/default/lwc/quanticUserAction/__tests__/quanticUserAction.test.js
+++ b/packages/quantic/force-app/main/default/lwc/quanticUserAction/__tests__/quanticUserAction.test.js
@@ -91,11 +91,13 @@ describe('c-quantic-user-action', () => {
     cleanup();
   });
 
+  let exampleDate = new Date('2024-09-25T04:06');
+  let exampleDateInUTC = new Date(exampleDate.toUTCString());
   describe('ticket creation action', () => {
     const exampleAction = {
       actionType: 'TICKET_CREATION',
       searchHub: expectedSearchHub,
-      timestamp: new Date('2024-09-25T04:06Z'),
+      timestamp: exampleDateInUTC,
     };
 
     it('should properly display the action icon', async () => {
@@ -140,10 +142,12 @@ describe('c-quantic-user-action', () => {
   });
 
   describe('custom action', () => {
+    exampleDate = new Date('2024-09-25T04:07');
+    exampleDateInUTC = new Date(exampleDate.toUTCString());
     const exampleAction = {
       actionType: 'CUSTOM',
       searchHub: expectedSearchHub,
-      timestamp: new Date('2024-09-25T04:07Z'),
+      timestamp: exampleDateInUTC,
       eventData: {
         value: expectedEventDataValue,
       },
@@ -214,10 +218,12 @@ describe('c-quantic-user-action', () => {
   });
 
   describe('click action', () => {
+    exampleDate = new Date('2024-09-25T05:07');
+    exampleDateInUTC = new Date(exampleDate.toUTCString());
     const exampleAction = {
       actionType: 'CLICK',
       searchHub: expectedSearchHub,
-      timestamp: new Date('2024-09-25T05:07Z'),
+      timestamp: exampleDateInUTC,
       document: {
         title: expectedTitle,
       },
@@ -265,10 +271,12 @@ describe('c-quantic-user-action', () => {
   });
 
   describe('search action', () => {
+    exampleDate = new Date('2024-09-25T06:08');
+    exampleDateInUTC = new Date(exampleDate.toUTCString());
     const exampleAction = {
       actionType: 'SEARCH',
       searchHub: expectedSearchHub,
-      timestamp: new Date('2024-09-25T06:08Z'),
+      timestamp: exampleDateInUTC,
       query: expectedQuery,
     };
 
@@ -331,6 +339,8 @@ describe('c-quantic-user-action', () => {
   });
 
   describe('view action', () => {
+    exampleDate = new Date('2024-09-25T04:07');
+    exampleDateInUTC = new Date(exampleDate.toUTCString());
     const exampleAction = {
       actionType: 'VIEW',
       document: {
@@ -338,7 +348,7 @@ describe('c-quantic-user-action', () => {
         contentIdValue: expectedUrl,
       },
       searchHub: expectedSearchHub,
-      timestamp: new Date('2024-09-25T04:07Z'),
+      timestamp: exampleDateInUTC,
     };
 
     it('should properly display the action icon', async () => {
diff --git a/packages/quantic/force-app/main/default/lwc/quanticUtils/quanticUtils.js b/packages/quantic/force-app/main/default/lwc/quanticUtils/quanticUtils.js
index 943a2f7bd6b..e924d69bf55 100644
--- a/packages/quantic/force-app/main/default/lwc/quanticUtils/quanticUtils.js
+++ b/packages/quantic/force-app/main/default/lwc/quanticUtils/quanticUtils.js
@@ -450,13 +450,12 @@ export class DateUtils {
     ];
 
     const date = new Date(timestamp);
-
-    const dayOfWeek = daysOfWeek[date.getUTCDay()];
-    const month = months[date.getUTCMonth()];
-    const day = date.getUTCDate();
-    const year = date.getUTCFullYear();
-    const hours = date.getUTCHours();
-    const minutes = date.getUTCMinutes();
+    const dayOfWeek = daysOfWeek[date.getDay()];
+    const month = months[date.getMonth()];
+    const day = date.getDate();
+    const year = date.getFullYear();
+    const hours = date.getHours();
+    const minutes = date.getMinutes();
 
     return {
       year,