fluxerapp/fluxer
1
0
Fork 0
mirror of https://github.com/fluxerapp/fluxer.git synced 2026-09-03 05:10:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

perf(app): stop redundant member list presence updates (#1940)

Browse Source
This commit is contained in:
Hampus
2026-08-24 12:49:40 +02:00
committed by GitHub
parent 32d7ae3eef
commit 7be52fa9fc
1 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fluxer_app/src/features/member/hooks/useMemberListPresence.ts
+22 -20
View File
@@ -42,40 +42,42 @@ export function useMemberListPresence({
userId,
enabled = true,
}: UseMemberListPresenceOptions): StatusType {
const hasMemberListSource = guildId !== '';
const computeStatus = useCallback(
() =>
resolveMemberListPresence({
guildId,
channelId,
userId,
enabled,
enabled: hasMemberListSource,
}),
[channelId, enabled, guildId, userId],
[channelId, guildId, hasMemberListSource, userId],
);
const [status, setStatus] = useState<StatusType>(() => computeStatus());
const [status, setStatus] = useState<StatusType>(() => (enabled ? computeStatus() : StatusTypes.OFFLINE));
useEffect(() => {
setStatus(computeStatus());
let disposeMemberListReaction: (() => void) | undefined;
if (enabled) {
disposeMemberListReaction = reaction(
() => MemberSidebar.getPresence(guildId, channelId, userId),
() => setStatus(computeStatus()),
{fireImmediately: false},
);
if (!enabled) {
return;
}
const unsubscribePresence = Presence.subscribeToUserStatus(userId, () => {
setStatus(computeStatus());
});
const disposeTransient = reaction(
() => TransientPresence.getTransientStatus(userId),
() => setStatus(computeStatus()),
{fireImmediately: false},
);
let lastStatus = computeStatus();
setStatus(lastStatus);
const applyStatus = () => {
const nextStatus = computeStatus();
if (nextStatus === lastStatus) {
return;
}
lastStatus = nextStatus;
setStatus(nextStatus);
};
const disposeMemberListReaction = hasMemberListSource
? reaction(() => MemberSidebar.getPresence(guildId, channelId, userId), applyStatus)
: undefined;
const unsubscribePresence = Presence.subscribeToUserStatus(userId, applyStatus);
const disposeTransient = reaction(() => TransientPresence.getTransientStatus(userId), applyStatus);
return () => {
unsubscribePresence();
disposeTransient();
disposeMemberListReaction?.();
};
}, [computeStatus, enabled, guildId, channelId, userId]);
}, [computeStatus, enabled, hasMemberListSource, guildId, channelId, userId]);
return status;
}