timestamp is now generated on client site

client/src/components/MessagesArea.tsx

@@ -11,8 +11,12 @@ function messagesArea() {
     const messageHandler = (message: string) => {
       setMessages((prevMessages) => [...prevMessages, message]);
     };
+
+    socket.on("chat message", (msg) => {
+      messageHandler(msg);
+    });
   });
-  const messageList = messages.map((message) => <li>{message}</li>);
+  const messageList = messages.map((message) => <li key={index}>{message}</li>);
 
   return (
     <>

client/src/socket/socket.tsx

@@ -12,7 +12,12 @@ socket.on("disconnect", () => {
 });
 
 function sendMessage(message: string, recipient: string | null) {
-  socket.emit("chat message", { message: message, recipient: recipient });
+  const timestamp = new Date().toLocaleDateString();
+  socket.emit("chat message", {
+    message: message,
+    recipient: recipient,
+    timestamp: timestamp,
+  });
 }
 
 function sendContact(recipient: string) {

server/db/db.js

@@ -93,8 +93,7 @@ async function getUserId(username) {
     console.error("Failed to get user id", e);
   }
 }
-async function insertMessage(sender, recipient, message) {
-  const timestamp = new Date().toLocaleString("pl-PL");
+async function insertMessage(sender, recipient, message, timestamp) {
   const query = `
   INSERT INTO messages (sender, recipient, message, timestamp)
   VALUES ($1, $2, $3, $4) 

server/socket/socket.js

@@ -13,11 +13,11 @@ function initializeSocket(io) {
     socket.join(username);
 
     socket.on("chat message", (msg) => {
-      const { message, recipient } = msg;
+      const { message, recipient, timestamp } = msg;
       if (!message || recipient.length < 4 || !recipient) {
         return;
       }
-      const results = insertMessage(username, recipient, message);
+      const results = insertMessage(username, recipient, message, timestamp);
       const message_id = results.message_id;
       console.log("id: ", message_id);
       if (message_id) {
@@ -26,7 +26,7 @@ function initializeSocket(io) {
 
       io.to(username)
         .to(recipient)
-        .emit("chat message", { message, recipient, message_id });
+        .emit("chat message", { message, recipient, message_id, timestamp });
     });
 
     socket.on("historical", (recipient) => {