From a184fd377f26007138a03fd41ea32cea65f81540 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Tue, 24 Sep 2024 14:55:18 -0700
Subject: [PATCH] Fix raised hand list button hiding after fade out

---
 ts/components/CallingRaisedHandsList.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/ts/components/CallingRaisedHandsList.tsx b/ts/components/CallingRaisedHandsList.tsx
index e4bf260fc6..89b834de7e 100644
--- a/ts/components/CallingRaisedHandsList.tsx
+++ b/ts/components/CallingRaisedHandsList.tsx
@@ -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,
   ]);