2 files changed, 24 insertions, 16 deletions
diff --git a/src/components/search/SearchBar.tsx b/src/components/search/SearchBar.tsx
index 4824b56f..7b833406 100644
--- a/src/components/search/SearchBar.tsx
+++ b/src/components/search/SearchBar.tsx
@@ -109,14 +109,18 @@ const SearchBar: React.FC<SearchBarProps> = ({
   /*
    * Animated nodes used in search bar activation animation.
    */
-  const marginRight: Animated.Node<number> = interpolate(top, {
-    inputRange: [-SCREEN_HEIGHT, 0],
-    outputRange: [0, 58],
-  });
-  const opacity: Animated.Node<number> = interpolate(top, {
-    inputRange: [-SCREEN_HEIGHT, 0],
-    outputRange: [0, 1],
-  });
+  // TODO: (Leon) use reanimated v2
+  const marginRight = 0;
+  // const marginRight: Animated.Node<number> = interpolate(top, {
+  //   inputRange: [-SCREEN_HEIGHT, 0],
+  //   outputRange: [0, 58],
+  // });
+  // TODO: (Leon) use reanimated v2
+  const opacity = 0;
+  // const opacity: Animated.Node<number> = interpolate(top, {
+  //   inputRange: [-SCREEN_HEIGHT, 0],
+  //   outputRange: [0, 1],
+  // });
 
   return (
     <View style={styles.container}>
diff --git a/src/components/search/SearchResultsBackground.tsx b/src/components/search/SearchResultsBackground.tsx
index 2833553d..3d7fab4e 100644
--- a/src/components/search/SearchResultsBackground.tsx
+++ b/src/components/search/SearchResultsBackground.tsx
@@ -10,14 +10,18 @@ const SearchResultsBackground: React.FC<SearchResultsBackgroundProps> = ({
   top,
   children,
 }) => {
-  const opacityBackground: Animated.Node<number> = interpolate(top, {
-    inputRange: [-SCREEN_HEIGHT, 0],
-    outputRange: [0, 1],
-  });
-  const opacityContent: Animated.Node<number> = interpolate(top, {
-    inputRange: [-SCREEN_HEIGHT / 40, 0],
-    outputRange: [0, 1],
-  });
+  // TODO: (Leon) use reanimated v2
+  const opacityBackground = 0;
+  // const opacityBackground: Animated.Node<number> = interpolate(top, {
+  //   inputRange: [-SCREEN_HEIGHT, 0],
+  //   outputRange: [0, 1],
+  // });
+  // TODO: (Leon) use reanimated v2
+  const opacityContent = 0;
+  // const opacityContent: Animated.Node<number> = interpolate(top, {
+  //   inputRange: [-SCREEN_HEIGHT / 40, 0],
+  //   outputRange: [0, 1],
+  // });
   return (
     <Animated.View
       style={[styles.container, {opacity: opacityBackground, top}]}>