Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

TootBottomSheet: scrollIntoView exactly once
All checks were successful
/ depoly (push) Successful in 1m2s
Details

Browse source
This commit is contained in:
thislight 2024-09-23 16:00:39 +08:00
parent fe15c4f37d
commit f4ce206c52
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/timelines/TootBottomSheet.tsx
View file

@ -80,11 +80,12 @@ const TootBottomSheet: Component = (props) => {
const toot = () => remoteToot() ?? getCache(acctText(), params.id); const toot = () => remoteToot() ?? getCache(acctText(), params.id);
createEffect(() => { createEffect((lastTootId?: string) => {
const tootId = toot()?.id; const tootId = toot()?.id;
if (!tootId) return; if (!tootId || lastTootId === tootId) return tootId;
const elementId = `toot-${tootId}`; const elementId = `toot-${tootId}`;
document.getElementById(elementId)?.scrollIntoView({ behavior: "smooth" }); document.getElementById(elementId)?.scrollIntoView({ behavior: "smooth" });
return tootId;
}); });
const [tootContext] = createResource( const [tootContext] = createResource(
@ -109,7 +110,7 @@ const TootBottomSheet: Component = (props) => {
const name = resolveCustomEmoji(t.account.displayName, t.account.emojis); const name = resolveCustomEmoji(t.account.displayName, t.account.emojis);
return `${name}'s toot`; return `${name}'s toot`;
} }
return "A toot"; return "Someone's toot";
}; };
const actSession = () => { const actSession = () => {