[#19351] fix: use animation worklet

status-im · Apr 4, 2024 · 16ba877 · 16ba877
1 parent 0129441
commit 16ba877
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/js/worklets/profile_header.js b/src/js/worklets/profile_header.js
@@ -2,6 +2,7 @@ import { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 
 export function profileHeaderAnimation(scrollY, threshold, topBarHeight) {
   return useAnimatedStyle(() => {
+    'worklet';
     const opacity = scrollY.value < threshold ? withTiming(0) : withTiming(1);
     const translateY = scrollY.value < threshold ? withTiming(topBarHeight) : withTiming(0);
 

diff --git a/src/mocks/js_dependencies.cljs b/src/mocks/js_dependencies.cljs
@@ -431,6 +431,7 @@
     "../src/js/worklets/chat/messenger/composer.js"    #js {}
     "../src/js/worklets/chat/messenger/placeholder.js" #js {}
     "../src/js/worklets/parallax.js"                   #js {}
+    "../src/js/worklets/profile_header.js"             #js {}
     "../src/js/worklets/identifiers_highlighting.js"   #js {}
     "./fleets.js"                                      default-fleets
     "../translations/ar.json"                          (js/JSON.parse (slurp "./translations/ar.json"))