From 724693a82a12665417001d35ccb23f57729fb33e Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 20 Nov 2021 22:14:33 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E5=A4=8D=E8=99=9A?=
 =?UTF-8?q?=E6=8B=9F=E5=88=97=E8=A1=A8=E5=8A=A8=E6=80=81=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=97=B6=E7=9A=84=E6=BB=9A=E5=8A=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ChatBox/ChatMessageList/VirtualizedList.new.tsx    | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/src/components/ChatBox/ChatMessageList/VirtualizedList.new.tsx b/web/src/components/ChatBox/ChatMessageList/VirtualizedList.new.tsx
index a45421c1..48266a3f 100644
--- a/web/src/components/ChatBox/ChatMessageList/VirtualizedList.new.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/VirtualizedList.new.tsx
@@ -1,4 +1,4 @@
-import React, { useDebugValue, useMemo, useRef } from 'react';
+import React, { useMemo, useRef } from 'react';
 import { buildMessageItemRow } from './Item';
 import type { MessageListProps } from './types';
 import {
@@ -23,13 +23,10 @@ export const VirtualizedMessageList: React.FC<MessageListProps> = React.memo(
     const listRef = useRef<VirtuosoGridHandle>();
     const lastMessageId = useRef('');
     const numItemsPrepended = usePrependedMessagesCount(props.messages);
-    useDebugValue(numItemsPrepended);
 
     const handleLoadMore = () => {
       lastMessageId.current = props.messages[0]._id;
-      props.onLoadMore().then(() => {
-        listRef.current?.scrollToIndex(50);
-      });
+      props.onLoadMore();
     };
 
     const followOutput = (isAtBottom: boolean): FollowOutputScalarType => {
@@ -52,11 +49,12 @@ export const VirtualizedMessageList: React.FC<MessageListProps> = React.memo(
         firstItemIndex={PREPEND_OFFSET - numItemsPrepended}
         initialTopMostItemIndex={Math.max(props.messages.length - 1, 0)}
         totalCount={props.messages.length}
-        overscan={200}
+        overscan={20}
         itemContent={itemContent}
         alignToBottom={true}
         startReached={handleLoadMore}
         followOutput={followOutput}
+        defaultItemHeight={25}
       />
     );
   }