From 7b061c35948609a1f7f3ef3cef8b5e5be964d4c2 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 2 Apr 2021 19:01:22 -0400
Subject: commented out all the old reanimated stuff, added TODOs for leon

---
 src/components/search/SearchBar.tsx               | 20 ++++++++++++--------
 src/components/search/SearchResultsBackground.tsx | 20 ++++++++++++--------
 2 files changed, 24 insertions(+), 16 deletions(-)

(limited to 'src/components/search')

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}]}>
-- 
cgit v1.2.3-70-g09d2