added InitializeContact function

client/src/components/chat/ContactsList.tsx

@@ -1,12 +1,16 @@
 import { sendRequestContactsList, socket } from '../../socket/socket.tsx';
 import { useEffect, useState } from 'react';
+type InitializeContactsProps = {
+  InitializeContact: (contact: string) => void;
+};
+
 type ContactsList = {
   username: string;
   usernamecontact: string;
   read: boolean;
 };
 
-function ContactsList() {
+function ContactsList({ InitializeContact }: InitializeContactsProps) {
   const [ContactsList, setContactsList] = useState<ContactsList[]>([]);
   useEffect(() => {
     if (!socket) {
@@ -14,6 +18,7 @@ function ContactsList() {
       return;
     }
     sendRequestContactsList();
+
     socket.on('get contacts list', (contactsList: ContactsList[]) => {
       console.log('Received contacts list: ', contactsList);
       setContactsList(contactsList);
@@ -37,7 +42,9 @@ function ContactsList() {
 
   return (
     <div className="flex-grow overflow-y-auto w-64">
-      <ul className="m-2 flex-grow-1 ">{contactsList}</ul>
+      <ul className="m-2 flex-grow-1 " onClick={InitializeContact}>
+        {contactsList}
+      </ul>
     </div>
   );
 }

client/src/components/chat/MessageForm.tsx

@@ -21,7 +21,6 @@ function messageForm({ contact }: MessaFormProps) {
     if (!data.message) {
       return;
     }
-    console.log('sended message: ' + data.message + ' recipient: ', contact);
     sendMessage(data.message, contact);
     reset({ message: '' });
   };

client/src/pages/Chat.tsx

@@ -48,7 +48,7 @@ function Chat() {
           {/*Contact input*/}
           <ContactForm InitializeContact={InitializeContact} />
           {/*Contact list*/}
-          <ContactsList />
+          <ContactsList InitializeContact={InitializeContact} />
           <hr />
           <UserProfile />
         </div>

client/src/socket/socket.tsx

@@ -41,6 +41,12 @@ function sendMessage(message: string, recipient: string | null) {
     recipient: recipient,
     timestamp: timestamp,
   });
+
+  console.log('sent message: ', {
+    message: message,
+    recipient: recipient,
+    timestamp: timestamp,
+  });
 }
 
 type Contact = {

server/db/db.js

@@ -43,10 +43,10 @@ async function createTables() {
   try {
     await client.query(`
       CREATE TABLE IF NOT EXISTS messages (
-        sender VARCHAR(128),
+        sender VARCHAR(128) NOT NULL,
         recipient VARCHAR(128) NOT NULL,
-        message VARCHAR(500),
-        timestamp VARCHAR(100),
+        message VARCHAR(500) NOT NULL,
+        timestamp VARCHAR(100) NOT NULL,
         message_id SERIAL PRIMARY KEY
       );
     `);
@@ -56,8 +56,8 @@ async function createTables() {
   try {
     await client.query(`
       CREATE TABLE IF NOT EXISTS contacts (
-        username VARCHAR(20),
-        usernameContact VARCHAR(20),
+        username VARCHAR(20) NOT NULL,
+        usernameContact VARCHAR(20) NOT NULL,
         read BOOLEAN NOT NULL
       );
     `);