Fix raised hand list button hiding after fade out

This commit is contained in:
ayumi-signal 2024-09-24 14:55:18 -07:00 committed by GitHub
parent 6c38823b50
commit a184fd377f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -203,12 +203,6 @@ export function CallingRaisedHandsListButton({
syncedLocalHandRaised
);
const onRestAfterAnimateOut = React.useCallback(() => {
if (!raisedHandsCount) {
setIsVisible(false);
}
}, [raisedHandsCount]);
React.useEffect(() => {
if (raisedHandsCount > prevRaisedHandsCount) {
setIsVisible(true);
@ -230,7 +224,11 @@ export function CallingRaisedHandsListButton({
Promise.all(
opacitySpringApi.start({
to: { opacity: 0 },
onRest: () => onRestAfterAnimateOut,
onRest: () => {
if (!raisedHandsCount) {
setIsVisible(false);
}
},
})
)
);
@ -240,7 +238,6 @@ export function CallingRaisedHandsListButton({
prevRaisedHandsCount,
opacitySpringApi,
scaleSpringApi,
onRestAfterAnimateOut,
setIsVisible,
]);