fix scrolldown when new msg

This commit is contained in:
PhilReact 2024-12-05 14:11:29 +02:00
parent 5cef7e9a70
commit b8d715594e

View File

@ -37,6 +37,7 @@ export const ChatList = ({
const hasLoadedInitialRef = useRef(false);
const scrollingIntervalRef = useRef(null);
const lastSeenUnreadMessageTimestamp = useRef(null);
// Initialize the virtualizer
@ -108,7 +109,7 @@ export const ChatList = ({
setTimeout(() => {
const hasUnreadMessages = totalMessages.some(
(msg) => msg.unread && !msg?.chatReference && !msg?.isTemp
(msg) => msg.unread && !msg?.chatReference && !msg?.isTemp && (!msg?.chatReference && msg?.timestamp > lastSeenUnreadMessageTimestamp.current || 0)
);
if (parentRef.current) {
const { scrollTop, scrollHeight, clientHeight } = parentRef.current;
@ -152,6 +153,7 @@ export const ChatList = ({
}))
);
setShowScrollButton(false);
lastSeenUnreadMessageTimestamp.current = Date.now()
}, []);
const sentNewMessageGroupFunc = useCallback(() => {
@ -385,7 +387,7 @@ export const ChatList = ({
Scroll to Unread Messages
</button>
)}
{showScrollDownButton && (
{showScrollDownButton && !showScrollButton && (
<button
onClick={() => scrollToBottom()}
style={{