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

refactor: scroll later while message feed updated

Browse Source
This commit is contained in:
zerosoul
2022-06-08 18:45:50 +08:00
parent 915e53e225
commit 58cbd6e675
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/hook/useMessageFeed.js
+4 -4
View File
@@ -92,6 +92,7 @@ export default function useMessageFeed({ context = "channel", id = null }) {
}); });
const appends = sorteds.filter((s) => s > lastMid); const appends = sorteds.filter((s) => s > lastMid);
if (appends.length) { if (appends.length) {
setAppends(appends);
const [newestMsgId] = appends.slice(-1); const [newestMsgId] = appends.slice(-1);
// 自己发的消息 // 自己发的消息
const container = containerRef.current; const container = containerRef.current;
@@ -109,7 +110,6 @@ export default function useMessageFeed({ context = "channel", id = null }) {
}, 100); }, 100);
} }
} }
setAppends(appends);
} }
console.log("appends", appends, listRef.current); console.log("appends", appends, listRef.current);
} }
@@ -146,14 +146,14 @@ export default function useMessageFeed({ context = "channel", id = null }) {
pageRef.current = pageInfo; pageRef.current = pageInfo;
listRef.current = [...pageInfo.ids, ...listRef.current]; listRef.current = [...pageInfo.ids, ...listRef.current];
setTimeout(() => { setTimeout(() => {
setItems(listRef.current);
console.log("pull up", currPageInfo, listRef.current);
setHasMore(pageInfo.pageNumber !== 1);
const container = containerRef.current; const container = containerRef.current;
if (container) { if (container) {
curScrollPos = container.scrollTop; curScrollPos = container.scrollTop;
oldScroll = container.scrollHeight - container.clientHeight; oldScroll = container.scrollHeight - container.clientHeight;
} }
setItems(listRef.current);
console.log("pull up", currPageInfo, listRef.current);
setHasMore(pageInfo.pageNumber !== 1);
}, 800); }, 800);
}; };
const pullDown = () => { const pullDown = () => {