wip

Author: alicedraillard

frontend/src/hooks/useElapsedTime.ts

@@ -1,36 +1,37 @@
 import { useMemo } from "react";
-
 import { useTranslation } from "react-i18next";
 
-const NOW = new Date();
-
-const formatTooltip = (date: Date) =>
-  date
-    .toLocaleString("fr-FR", {
-      day: "2-digit",
-      month: "2-digit",
-      year: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-    })
-    .replace(",", "");
-
-const formatDate = (date: Date) =>
-  date.toLocaleString("fr-FR", {
-    day: "2-digit",
-    month: "2-digit",
-    year: "2-digit",
-  });
-
 export const useElapsedTime = (dateString: string) => {
   const { t } = useTranslation("magneto");
 
   return useMemo(() => {
     const date = new Date(dateString);
-    const diffInSeconds = Math.floor((NOW.getTime() - date.getTime()) / 1000);
-    const tooltip = formatTooltip(date);
+    const now = new Date();
+    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);
+
+    if (dateString) {
+      console.log("outside===============");
+      console.log("date");
+      console.log(dateString);
+      console.log(date);
+      console.log("getTime", date.getTime());
+      console.log("now");
+      console.log(now);
+      console.log("toLocaleString", now.toLocaleString());
+      console.log("valueOf", now.valueOf());
+      console.log("getTime", now.getTime());
+    }
 
+    const tooltip = date
+      .toLocaleString("fr-FR", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+      })
+      .replace(",", "");
     if (diffInSeconds < 60) {
       return {
         label:
@@ -40,7 +41,6 @@ export const useElapsedTime = (dateString: string) => {
         tooltip,
       };
     }
-
     if (diffInSeconds < 3600) {
       const diffInMinutes = Math.floor(diffInSeconds / 60);
       return {
@@ -51,7 +51,6 @@ export const useElapsedTime = (dateString: string) => {
         tooltip,
       };
     }
-
     if (diffInSeconds < 86400) {
       const diffInHours = Math.floor(diffInSeconds / 3600);
       return {
@@ -62,16 +61,18 @@ export const useElapsedTime = (dateString: string) => {
         tooltip,
       };
     }
-
     if (diffInSeconds < 172800) {
       return {
         label: t("magneto.card.time.yesterday"),
         tooltip,
       };
     }
-
     return {
-      label: formatDate(date),
+      label: date.toLocaleString("fr-FR", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "2-digit",
+      }),
       tooltip,
     };
   }, [dateString]);