Mirror/vega
1
0
Fork 0
mirror of https://github.com/hoornet/vega.git synced 2026-05-08 13:19:10 -07:00
Code Issues Packages Projects Releases Wiki Activity

Thread focus: auto-expand collapsed replies, debounced scroll, visible highlight; persist script filter

Browse Source
This commit is contained in:
Jure
2026-03-31 08:35:37 +02:00
parent c35e734310
commit 3d6ab39bfe
4 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/thread/ThreadView.tsx
View File

@@ -108,16 +108,18 @@ export function ThreadView() {
return () => { cancelled = true; };
}, [focusedEvent.id, retryCount]);
// Scroll to focused note after tree renders (if not root)
// Scroll to focused note after tree fully loads.
// Use a short delay after each tree update; the last one wins.
const scrollTimer = useRef<ReturnType<typeof setTimeout>>(undefined);
useEffect(() => {
if (!loading && rootEvent && focusedEvent.id !== rootEvent.id) {
const timer = setTimeout(() => {
const el = document.querySelector(`[data-note-id="${focusedEvent.id}"]`);
el?.scrollIntoView({ behavior: "smooth", block: "center" });
}, 100);
return () => clearTimeout(timer);
}
}, [loading, rootEvent?.id, focusedEvent.id]);
if (focusedEvent.id === rootEvent?.id) return;
clearTimeout(scrollTimer.current);
scrollTimer.current = setTimeout(() => {
const el = document.querySelector(`[data-note-id="${focusedEvent.id}"]`);
el?.scrollIntoView({ behavior: "smooth", block: "center" });
}, 400);
return () => clearTimeout(scrollTimer.current);
}, [tree, focusedEvent.id, rootEvent?.id]);
// Called when any inline reply box publishes a reply
const handleReplyPublished = (reply: NDKEvent) => {