Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-07-15 18:49:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Half-Shot
2024-11-08 16:19:03 +00:00
parent 9a9a479610
commit 31bf036aa1
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/useReactions.tsx
View File

@@ -33,6 +33,7 @@ import {
ReactionOption, ReactionOption,
ReactionSet, ReactionSet,
} from "./reactions"; } from "./reactions";
import { useLatest } from "./useLatest";
interface ReactionsContextType { interface ReactionsContextType {
raisedHands: Record<string, Date>; raisedHands: Record<string, Date>;
@@ -176,6 +177,9 @@ export const ReactionsProvider = ({
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [room, memberships, myUserId, addRaisedHand, removeRaisedHand]); }, [room, memberships, myUserId, addRaisedHand, removeRaisedHand]);
const latestMemberships = useLatest(memberships);
const latestRaisedHands = useLatest(raisedHands);
// This effect handles any *live* reaction/redactions in the room. // This effect handles any *live* reaction/redactions in the room.
useEffect(() => { useEffect(() => {
const reactionTimeouts = new Set<NodeJS.Timeout>(); const reactionTimeouts = new Set<NodeJS.Timeout>();
@@ -199,7 +203,7 @@ export const ReactionsProvider = ({
// Check to see if this reaction was made to a membership event (and the // Check to see if this reaction was made to a membership event (and the
// sender of the reaction matches the membership) // sender of the reaction matches the membership)
if ( if (
!memberships.some( !latestMemberships.current.some(
(e) => e.eventId === membershipEventId && e.sender === sender, (e) => e.eventId === membershipEventId && e.sender === sender,
) )
) { ) {
@@ -259,7 +263,7 @@ export const ReactionsProvider = ({
// Check to see if this reaction was made to a membership event (and the // Check to see if this reaction was made to a membership event (and the
// sender of the reaction matches the membership) // sender of the reaction matches the membership)
if ( if (
!memberships.some( !latestMemberships.current.some(
(e) => e.eventId === membershipEventId && e.sender === sender, (e) => e.eventId === membershipEventId && e.sender === sender,
) )
) { ) {
@@ -278,7 +282,7 @@ export const ReactionsProvider = ({
} }
} else if (event.getType() === EventType.RoomRedaction) { } else if (event.getType() === EventType.RoomRedaction) {
const targetEvent = event.event.redacts; const targetEvent = event.event.redacts;
const targetUser = Object.entries(raisedHands).find( const targetUser = Object.entries(latestRaisedHands.current).find(
([_u, r]) => r.reactionEventId === targetEvent, ([_u, r]) => r.reactionEventId === targetEvent,
)?.[0]; )?.[0];
if (!targetUser) { if (!targetUser) {
@@ -304,7 +308,13 @@ export const ReactionsProvider = ({
// If we're clearing timeouts, we also clear all reactions. // If we're clearing timeouts, we also clear all reactions.
setReactions({}); setReactions({});
}; };
}, [room, addRaisedHand, removeRaisedHand, memberships, raisedHands]); }, [
room,
addRaisedHand,
removeRaisedHand,
latestMemberships,
latestRaisedHands,
]);
const lowerHand = useCallback(async () => { const lowerHand = useCallback(async () => {
if (!myUserId || !raisedHands[myUserId]) { if (!myUserId || !raisedHands[myUserId]) {