фикс подсчёта кол-ва непрочитанных

src/ui_kit/FloatingSupportChat/FloatingSupportChat.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from "react";
-import { forwardRef, useEffect, useState } from "react";
+import { forwardRef, useEffect, useState, useMemo } from "react";
 import {
   Badge,
   Box,
@@ -70,6 +70,48 @@ export default function FloatingSupportChat({
     (state) => state[user ? "authData" : "unauthData"],
   );
 
+  const ticket = useTicketStore(
+    (state) => state[user ? "authData" : "unauthData"],
+  );
+
+  // Функция для подсчёта непрочитанных сообщений согласно новой логике
+  const unreadCount = useMemo(() => {
+    if (messages.length === 0) return 0;
+    
+    const currentUserId = user || ticket?.sessionData?.sessionId;
+    if (!currentUserId) return 0;
+    
+    // Если последнее сообщение моё - не показываем количество
+    const lastMessage = messages[messages.length - 1];
+    if (lastMessage.user_id === currentUserId) {
+      return 0;
+    }
+    
+    // Если последнее сообщение не моё и оно не прочитано - считаем его как +1
+    if (lastMessage.shown?.me !== 1) {
+      let count = 1;
+      
+      // Считаем все последующие сообщения до тех пор пока не воткнёмся в моё сообщение
+      for (let i = messages.length - 2; i >= 0; i--) {
+        const message = messages[i];
+        
+        // Если встретили моё сообщение - останавливаемся
+        if (message.user_id === currentUserId) {
+          break;
+        }
+        
+        // Если сообщение не прочитано - добавляем к счётчику
+        if (message.shown?.me !== 1) {
+          count++;
+        }
+      }
+      
+      return count;
+    }
+    
+    return 0;
+  }, [messages, user, ticket?.sessionData?.sessionId]);
+
   useEffect(() => {
     const onResize = () => {
       if (document.fullscreenElement) {
@@ -158,9 +200,7 @@ export default function FloatingSupportChat({
           />
         )}
         <Badge
-          badgeContent={
-            messages.filter(({ shown }) => shown?.me !== 1).length || 0
-          }
+          badgeContent={unreadCount}
           sx={{
             "& .MuiBadge-badge": {
               display: isChatOpened ? "none" : "flex",