Fix raised hand list button hiding after fade out

Co-authored-by: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
This commit is contained in:
automated-signal 2024-09-24 18:21:25 -05:00 committed by GitHub
parent 9b8f153afa
commit 324889cde4
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,
]);