ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reach start in message feed

Browse Source
This commit is contained in:
Tristan Yang
2023-03-16 22:14:04 +08:00
parent 3fd8963f1e
commit 732eec3095
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/chat/Layout/VirtualMessageFeed/index.tsx
+7 -5
View File
@@ -64,8 +64,9 @@ const VirtualMessageFeed = ({ context, id }: Props) => {
// }, [mids]); // }, [mids]);
// 加载更多 // 加载更多
const handleLoadMore = useCallback(() => { const handleTopStateChange = (isTop: boolean) => {
console.log("reach start "); console.log("reach top ", isTop);
if (isTop) {
if (historyMid === "reached") return; if (historyMid === "reached") return;
let lastMid = mids.slice(0, 1)[0]; let lastMid = mids.slice(0, 1)[0];
if (historyMid) { if (historyMid) {
@@ -73,8 +74,8 @@ const VirtualMessageFeed = ({ context, id }: Props) => {
} }
// prevMids = mids; // prevMids = mids;
loadMoreMessage({ context, id, mid: lastMid }); loadMoreMessage({ context, id, mid: lastMid });
// return false; }
}, [mids, context, id]); };
// 自动跟随 // 自动跟随
const handleFollowOutput = (isAtBottom: boolean) => { const handleFollowOutput = (isAtBottom: boolean) => {
const [lastMid] = mids ? mids.slice(-1) : [0]; const [lastMid] = mids ? mids.slice(-1) : [0];
@@ -112,9 +113,10 @@ const VirtualMessageFeed = ({ context, id }: Props) => {
}} }}
// firstItemIndex={firstItemIndex} // firstItemIndex={firstItemIndex}
initialTopMostItemIndex={mids.length - 1} initialTopMostItemIndex={mids.length - 1}
startReached={handleLoadMore} // startReached={handleLoadMore}
data={mids} data={mids}
atTopThreshold={context == "channel" ? 160 : 0} atTopThreshold={context == "channel" ? 160 : 0}
atTopStateChange={handleTopStateChange}
atBottomStateChange={handleBottomStateChange} atBottomStateChange={handleBottomStateChange}
atBottomThreshold={400} atBottomThreshold={400}
followOutput={handleFollowOutput} followOutput={handleFollowOutput}