From 4966de97775fc6a7c0ece45e5a80958d3e0c597f Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 2 May 2024 09:35:43 -0700
Subject: [PATCH] improve shrink logic

---
 src/components/dms/GrowWrapper.tsx | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/dms/GrowWrapper.tsx b/src/components/dms/GrowWrapper.tsx
index 021e52083a..26b1d365b5 100644
--- a/src/components/dms/GrowWrapper.tsx
+++ b/src/components/dms/GrowWrapper.tsx
@@ -28,27 +28,32 @@ export const GrowWrapper = function GrowWrapper({
     transform: [{scale: scale.value}],
   }))
 
-  const onTouchStart = React.useCallback(() => {
+  const shrink = useCallback(() => {
+    'worklet'
+    cancelAnimation(scale)
+    scale.value = withTiming(1, {duration: 200}, () => {
+      animationDidComplete.value = false
+    })
+  }, [animationDidComplete, scale])
+
+  const grow = React.useCallback(() => {
+    'worklet'
     scale.value = withTiming(1.05, {duration: 750}, finished => {
       if (!finished) return
       animationDidComplete.value = true
       runOnJS(playHaptic)()
       runOnJS(onOpenMenu)()
-    })
-  }, [scale, animationDidComplete, playHaptic, onOpenMenu])
 
-  const onTouchEnd = useCallback(() => {
-    cancelAnimation(scale)
-    animationDidComplete.value = false
-    scale.value = withTiming(1, {duration: 200})
-  }, [animationDidComplete, scale])
+      shrink()
+    })
+  }, [scale, animationDidComplete, playHaptic, onOpenMenu, shrink])
 
   return (
     <AnimatedPressable
       style={animatedStyle}
       unstable_pressDelay={300}
-      onPressIn={onTouchStart}
-      onTouchEnd={onTouchEnd}>
+      onPressIn={grow}
+      onTouchEnd={shrink}>
       {children}
     </AnimatedPressable>
   )