Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 06:06:41 +01:00
Code Issues Projects Releases Packages Wiki Activity

Remember replies toggle state during the "session"

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-28 20:33:00 +08:00
parent ba0f61af8d
commit 64b59e42a5
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/pages/status.jsx
View file

@ -33,6 +33,7 @@ import useTitle from '../utils/useTitle';
const LIMIT = 40;
const THREAD_LIMIT = 20;
let cachedRepliesToggle = {};
let cachedStatusesMap = {};
function resetScrollPosition(id) {
delete cachedStatusesMap[id];
@ -293,6 +294,7 @@ function StatusPage() {
states.scrollPositions = {};
states.reloadStatusPage = 0;
cachedStatusesMap = {};
cachedRepliesToggle = {};
};
}, []);
@ -870,9 +872,18 @@ function SubComments({ hasManyStatuses, replies, instance, hasParentThread }) {
const open =
(!hasParentThread || replies.length === 1) && (isBrief || !hasManyStatuses);
const openBefore = cachedRepliesToggle[replies[0].id];
return (
<details class="replies" open={open}>
<details
class="replies"
open={openBefore || open}
onToggle={(e) => {
const { open } = e.target;
// use first reply as ID
cachedRepliesToggle[replies[0].id] = open;
}}
>
<summary hidden={open}>
<span class="avatars">
{accounts.map((a) => (