shown consultant to last message

src/components/FloatingSupportChat/Chat.tsx

@@ -205,7 +205,7 @@ export default function Chat({ open = false, onclickArrow, sx }: Props) {
       const message = getMessageFromFetchError(error);
       if (message) enqueueSnackbar(message);
     },
-    onFetchStateChange: () => {},
+    onFetchStateChange: () => { },
     enabled: Boolean(user),
   });
 
@@ -249,16 +249,22 @@ export default function Chat({ open = false, onclickArrow, sx }: Props) {
 
   useEffect(() => {
     if (open) {
-      if (user !== undefined && messages.length > 1) {
+      console.log("SHOWN")
-        console.log("SHOWN")
+      if (messages.length > 1) {
+
+        const last_message = messages[0].ticket_id === "111" ? messages[0] : messages[1]
+
+        console.log("last_message")
+        console.log(last_message)
+
+        if (((ticket.sessionData?.sessionId || user) !== last_message.user_id) && last_message.shown.me !== 1) {
+          shownMessage(last_message.id);
+        }
+
+
         console.log("user")
         console.log(user)
         console.log(messages[messages.length - 1])
-        const newMessages = messages.filter(({ shown }) => shown.me !== 1);
-
-        newMessages.map(async ({ id }) => {
-          await shownMessage(id);
-        });
       }
     }
   }, [open, messages]);
@@ -541,7 +547,7 @@ export default function Chat({ open = false, onclickArrow, sx }: Props) {
                   console.log("message.user_id " + message.user_id)
                   console.log("---------boolean result-----------")
                   console.log((ticket.sessionData?.sessionId || user) ===
-                  message.user_id)
+                    message.user_id)
                   return (
                     <ChatMessage
                       unAuthenticated