nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 22:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

More chat updates

Browse Source
This commit is contained in:
Bill 2021-06-30 23:00:39 -04:00
parent 3ac7184758
commit 24b5ba658c
1 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/room/widgets/chat/ChatWidgetView.tsx
View File

@ -15,22 +15,13 @@ export const ChatWidgetView: FC<ChatWidgetViewProps> = props =>
const { roomSession = null } = useRoomContext(); const { roomSession = null } = useRoomContext();
const elementRef = useRef<HTMLDivElement>(); const elementRef = useRef<HTMLDivElement>();
const removeFirstHiddenChat = useCallback(() => const removeHiddenChats = useCallback(() =>
{ {
if(!chatMessages.length) return; if(!chatMessages.length) return;
const lastChat = chatMessages[0]; const newMessages = chatMessages.filter(chat => ((chat.top > (-(chat.height) * 2))));
if((lastChat.top > (-(lastChat.height) * 2))) return; if(newMessages.length !== chatMessages.length) setChatMessages(newMessages);
setChatMessages(prevValue =>
{
const newMessages = [ ...prevValue ];
newMessages.shift();
return newMessages;
});
}, [ chatMessages ]); }, [ chatMessages ]);
const moveChatUp = useCallback((chat: ChatBubbleMessage, amount: number) => const moveChatUp = useCallback((chat: ChatBubbleMessage, amount: number) =>
@ -42,8 +33,8 @@ export const ChatWidgetView: FC<ChatWidgetViewProps> = props =>
{ {
chatMessages.forEach(chat => moveChatUp(chat, amount)); chatMessages.forEach(chat => moveChatUp(chat, amount));
removeFirstHiddenChat(); removeHiddenChats();
}, [ chatMessages, moveChatUp, removeFirstHiddenChat ]); }, [ chatMessages, moveChatUp, removeHiddenChats ]);
const makeRoom = useCallback((chat: ChatBubbleMessage) => const makeRoom = useCallback((chat: ChatBubbleMessage) =>
{ {
@ -142,7 +133,7 @@ export const ChatWidgetView: FC<ChatWidgetViewProps> = props =>
{ {
if(!chat.elementRef) return; if(!chat.elementRef) return;
chat.left = (chat.elementRef.offsetLeft + event.offsetX); chat.left += event.offsetX;
}); });
}, [ roomSession, chatMessages ]); }, [ roomSession, chatMessages ]);