фикс подсчёта кол-ва непрочитанных
This commit is contained in:
parent
2fecf6ca14
commit
e9b7f1b0a9
@ -1,5 +1,5 @@
|
|||||||
import type { ReactNode, Ref } from "react";
|
import type { ReactNode, Ref } from "react";
|
||||||
import { forwardRef, useEffect, useState } from "react";
|
import { forwardRef, useEffect, useState, useMemo } from "react";
|
||||||
import {
|
import {
|
||||||
Badge,
|
Badge,
|
||||||
Box,
|
Box,
|
||||||
@ -70,6 +70,48 @@ export default function FloatingSupportChat({
|
|||||||
(state) => state[user ? "authData" : "unauthData"],
|
(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(() => {
|
useEffect(() => {
|
||||||
const onResize = () => {
|
const onResize = () => {
|
||||||
if (document.fullscreenElement) {
|
if (document.fullscreenElement) {
|
||||||
@ -158,9 +200,7 @@ export default function FloatingSupportChat({
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<Badge
|
<Badge
|
||||||
badgeContent={
|
badgeContent={unreadCount}
|
||||||
messages.filter(({ shown }) => shown?.me !== 1).length || 0
|
|
||||||
}
|
|
||||||
sx={{
|
sx={{
|
||||||
"& .MuiBadge-badge": {
|
"& .MuiBadge-badge": {
|
||||||
display: isChatOpened ? "none" : "flex",
|
display: isChatOpened ? "none" : "flex",
|
||||||
|
Loading…
Reference in New Issue
Block a user