Tested with Production Database, Fixed tables names in query for message profiles

Author: sidhant-khamankar

Backend/app.py

@@ -62,12 +62,12 @@ def post(self, id):
 jwt = JWTManager(app)
 
 # MYSQL Production URI
-# app.config['SQLALCHEMY_DATABASE_URI'] = os.getenv(
-#     'SQLALCHEMY_DATABASE_URI')
+app.config['SQLALCHEMY_DATABASE_URI'] = os.getenv(
+    'SQLALCHEMY_DATABASE_URI')
 
 # MYSQL Local URI
-app.config['SQLALCHEMY_DATABASE_URI'] = os.getenv(
-    'LOCAL_SQLALCHEMY_DATABASE_URI')
+# app.config['SQLALCHEMY_DATABASE_URI'] = os.getenv(
+#     'LOCAL_SQLALCHEMY_DATABASE_URI')
 
 db = SQLAlchemy(app)
 
@@ -957,21 +957,21 @@ def get_last_msgs():
       ifnull(NewSC.newmsgs, 0) newmsgs,
       StudNI.Name,
       StudNI.Image_URL
-    FROM messages AS m1
+    FROM Messages AS m1
       INNER JOIN (
         select T1.pid pid,
           max(T1.maxMsgID) maxMsgID
         from (
             select R.RECEIVER_ID pid,
               max(R.Message_ID) maxMsgID
-            from messages AS R
+            from Messages AS R
             where R.SENDER_ID = :id
             group by R.RECEIVER_ID
             union
             distinct
             select S.Sender_ID pid,
               max(S.Message_ID) maxMsgID
-            from messages AS S
+            from Messages AS S
             where S.Receiver_ID = :id
             group by S.Sender_ID
           ) AS T1
@@ -980,7 +980,7 @@ def get_last_msgs():
       LEFT JOIN (
         select Sender_ID,
           COUNT(*) newmsgs
-        from messages as NewM
+        from Messages as NewM
         where NewM.timestamp >= :dt
           and NewM.Sender_ID != :id
         group by NewM.Sender_ID
@@ -989,7 +989,7 @@ def get_last_msgs():
         select Student_ID,
           Name,
           Image_URL
-        from student AS Stud
+        from Student AS Stud
       ) AS StudNI ON maxTsC.pid = StudNI.Student_ID"""
 
     str_last_date_time = request.json['DateTime']

Frontend/components/Messages.js

@@ -52,22 +52,30 @@ function Messages() {
       }
       console.log('VPsTime: ', MinlastMessageTimestamp);
 
-      let res = null;
-      while (res === null) {
-        await axiosInstance
-          .post('/get_last_msgs_with_count_name_photo', {
-            //TODO set MinlastMessageTimestamp for DateTime
-            // DateTime: '2021-10-26 13:10:38',
-            DateTime: MinlastMessageTimestamp,
-          })
-          .then(response => {
-            res = response.data;
-          })
-          .catch(err => {
-            console.error('MessageProfiles Error : ' + err);
-          });
-        await sleep(2000);
-      }
+      // let res = null;
+      // while (res === null) {
+      //   await axiosInstance
+      //     .post('/get_last_msgs_with_count_name_photo', {
+      //       //TODO set MinlastMessageTimestamp for DateTime
+      //       // DateTime: '2021-10-26 13:10:38',
+      //       DateTime: MinlastMessageTimestamp,
+      //     })
+      //     .then(response => {
+      //       res = response.data;
+      //     })
+      //     .catch(err => {
+      //       console.error('MessageProfiles Error : ' + err);
+      //     });
+      //   await sleep(2000);
+      // }
+      const response = await axiosInstance.post(
+        '/get_last_msgs_with_count_name_photo',
+        {
+          // DateTime: '2021-10-26 13:10:38',
+          DateTime: MinlastMessageTimestamp,
+        },
+      );
+      const res = response.data;
 
       // let unreads = {};
       // res.map(profile => {
@@ -102,7 +110,7 @@ function Messages() {
 
   // let vProfilesInterval;
 
-  React.useEffect(async () => {
+  React.useEffect(() => {
     // setIsLoading(true);
 
     // async function getProfiles() {
@@ -124,7 +132,11 @@ function Messages() {
     // getProfiles();
 
     // console.log('Before append: ', allChats);
-    await getMessageProfiles();
+    const init = async () => {
+      await getMessageProfiles();
+    };
+
+    init();
 
     // if (Object.keys(allChats).length === 0) {
     //   console.log('Stored chats', getData('chats'));
@@ -143,20 +155,23 @@ function Messages() {
   }, []);
 
   React.useEffect(() => {
-    console.log('messages vProfilesInterval', vProfilesInterval);
-    if (!vProfilesInterval) {
-      vProfilesInterval = setInterval(async () => {
-        await getMessageProfiles();
-      }, 5000);
-      setVProfilesInterval(vProfilesInterval);
-    }
-    // else if (vProfilesInterval._idleTimeout === -1) {
-    else if (vProfilesInterval._idleTimeout === -1) {
-      setVProfilesInterval(prevVProfilesInterval => {
-        clearInterval(prevVProfilesInterval);
-        return prevVProfilesInterval;
-      });
-    }
+    const init = async () => {
+      console.log('messages vProfilesInterval', vProfilesInterval);
+      if (!vProfilesInterval) {
+        vProfilesInterval = setInterval(async () => {
+          await getMessageProfiles();
+        }, 15000);
+        setVProfilesInterval(vProfilesInterval);
+      }
+      // else if (vProfilesInterval._idleTimeout === -1) {
+      else if (vProfilesInterval._idleTimeout === -1) {
+        await setVProfilesInterval(prevVProfilesInterval => {
+          clearInterval(prevVProfilesInterval);
+          return prevVProfilesInterval;
+        });
+      }
+    };
+    init();
   }, [vProfilesInterval]);
 
   return (