Fix timestamp creation

components/ContactDetailsHeader/ContactDetailsHeader.js

@@ -15,7 +15,7 @@ import {
   materialUpload,
 } from "@/assets/Icons8";
 import Image from "next/image";
-import { formatDate } from "@/utils/formatDates";
+import { formatDate } from "@/utils/dateTime";
 import UploadImageModal from "../UploadImageModal/UploadImageModal";
 
 const customStyles = {

components/InteractionDetailsHeader/InteractionDetailsHeader.js

@@ -6,7 +6,7 @@ import {
   StyledHeader,
 } from "./InteractionDetailsHeader.styled";
 import { getInteractionIcon } from "@/utils/getInteractionDetails";
-import { formatDate } from "@/utils/formatDates";
+import { formatDate } from "@/utils/dateTime";
 import { useMemo } from "react";
 
 export default function InteractionDetailsHeader({ interaction }) {

components/InteractionListItem/InteractionListItem.js

@@ -9,7 +9,7 @@ import {
   ParticipantsContainer,
   StyledLink,
 } from "./InteractionListItem.styled";
-import { formatDate } from "@/utils/formatDates";
+import { formatDate } from "@/utils/dateTime";
 import { getFullSortName, getShortName } from "@/utils/getContactDetails";
 import Image from "next/image";
 import { useMemo } from "react";

pages/_app.js

@@ -7,6 +7,7 @@ import { uid } from "uid";
 import Chance from "chance";
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
+import { getCurrentTimestamp } from "@/utils/dateTime";
 
 export default function App({ Component, pageProps }) {
   const router = useRouter();
@@ -21,9 +22,6 @@ export default function App({ Component, pageProps }) {
     (contact) => contact.dateDeleted === null || contact.dateDeleted === ""
   );
 
-  const date = new Date();
-  const currentUtcDateTime = date.toISOString();
-
   function handleImportDemoContacts() {
     const demoContact = contactsSampleData.map((contact) => {
       return { id: uid(), ...contact };
@@ -97,7 +95,7 @@ export default function App({ Component, pageProps }) {
     const formattedContact = {
       ...newContact,
       id: newContactId,
-      dateCreated: currentUtcDateTime,
+      dateCreated: getCurrentTimestamp(),
       dateDeleted: "",
       deceased: newContact.deceased ? true : false,
     };
@@ -114,7 +112,7 @@ export default function App({ Component, pageProps }) {
     setContacts(
       contacts.map((contact) => {
         if (contact.id === updatedContact.id) {
-          return { ...updatedContact, dateLastUpdate: currentUtcDateTime };
+          return { ...updatedContact, dateLastUpdate: getCurrentTimestamp() };
         } else {
           return contact;
         }
@@ -131,7 +129,7 @@ export default function App({ Component, pageProps }) {
     setContacts(
       contacts.map((contact) => {
         if (contact.id === IdOfContactToDelete) {
-          return { ...contact, dateDeleted: currentUtcDateTime };
+          return { ...contact, dateDeleted: getCurrentTimestamp() };
         } else {
           return contact;
         }
@@ -151,7 +149,7 @@ export default function App({ Component, pageProps }) {
     const formattedInteraction = {
       ...newInteraction,
       id: newInteractionId,
-      dateCreated: currentUtcDateTime,
+      dateCreated: getCurrentTimestamp(),
       dateDeleted: "",
     };
 
@@ -167,7 +165,10 @@ export default function App({ Component, pageProps }) {
     setInteractions(
       interactions.map((interaction) => {
         if (interaction.id === updatedInteraction.id) {
-          return { ...updatedInteraction, dateLastUpdate: currentUtcDateTime };
+          return {
+            ...updatedInteraction,
+            dateLastUpdate: getCurrentTimestamp(),
+          };
         } else {
           return interaction;
         }
@@ -184,7 +185,7 @@ export default function App({ Component, pageProps }) {
     setInteractions(
       interactions.map((interaction) => {
         if (interaction.id === IdOfInteractionToDelete) {
-          return { ...interaction, dateDeleted: currentUtcDateTime };
+          return { ...interaction, dateDeleted: getCurrentTimestamp() };
         } else {
           return interaction;
         }

pages/interactions/[id]/edit/index.js

@@ -1,6 +1,6 @@
 import InteractionForm from "@/components/Forms/InteractionForm/InteractionForm";
 import DefaultHead from "@/components/Layout/DefaultHead/DefaultHead";
-import { formatDate } from "@/utils/formatDates";
+import { formatDate } from "@/utils/dateTime";
 import { useRouter } from "next/router";
 
 export default function EditInteractionPage({

pages/interactions/[id]/index.js

@@ -14,7 +14,7 @@ import styled from "styled-components";
 import { confirmAlert } from "react-confirm-alert";
 import ConfirmModal from "@/components/ConfirmModal/ConfirmModal";
 import DefaultHead from "@/components/Layout/DefaultHead/DefaultHead";
-import { formatDate } from "@/utils/formatDates";
+import { formatDate } from "@/utils/dateTime";
 
 const ActionButtons = styled.div`
   display: flex;

utils/formatDates.js → utils/dateTime.js

@@ -4,3 +4,10 @@ export function formatDate(initialDate) {
   const formattedDate = dateObject.toLocaleDateString("en-US", options);
   return formattedDate;
 }
+
+export function getCurrentTimestamp() {
+  const currentTime = new Date();
+  const currentIsoTime = currentTime.toISOString();
+
+  return currentIsoTime;
+}