Fix/FE/#457: 이전 채팅 불러 올때 채팅 유지 기능 버그 수정

[seonye-98]

🤷‍♂️ Description

이전 채팅을 불러온 다음 스크롤을 조정하는 로직을 수정했어요.

 useEffect(() => {
    if (!isScrollToTop && chatLogData.size === prevChatLogDataSize) {
      return;
    }

    const pastChatSize = chatLogData.size - prevChatLogDataSize;

    if (pastChatSize < PAGING_SIZE && prevChatLogDataSize !== 0) {
      virtualizer.scrollToIndex(pastChatSize, { align: 'start' });
      return;
    }

    if (pastChatSize >= PAGING_SIZE) {
      virtualizer.scrollToIndex(PAGING_SIZE, { align: 'start' });
      return;
    }
  }, [chatLogData, prevChatLogDataSize]);

• chatLogData : 현재 전역 변수에 저장된 채팅 로그 데이터
• prevChatLogDataSize : 스크롤이 최상단으로 올라 갔을 때 이전 채팅을 불러오기 전 현재 채팅로그의 개수를 저장하는 변수

이전 채팅이 50개고, 불러오는 채팅이 50개면 chatLogData.size = 100, prevChatLogDataSize = 50 이 되어야하는데 이전 채팅을 불러오는 동안 chatLogData.size = 50, prevChatLogDataSize = 50 일때 스크롤이 움직이는 경우가 있어 이 때의 스크롤 움직임을 막아 주었더니 나머지 코드를 간단하게 수정할 수 있었습니다.

📝 Primary Commits

• 보고있던 채팅 유지 기능 로직 수정

📷 Screenshots

수정하기 전

_2024_06_26_14_47_42_875.mp4

수정 후

_2024_06_26_15_23_50_843.mp4

close #474

[navyjeongs]

오! 이런 방식으로 해결할 수있네요
감사합니다