diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-02 19:01:22 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-04-02 19:01:22 -0400 |
| commit | 7b061c35948609a1f7f3ef3cef8b5e5be964d4c2 (patch) | |
| tree | 9b767436ec88912b02ee38d3d99d2e7c7c2287a0 /src/components/search | |
| parent | 69613af86a9364f72dc2ce5f24722a3eb4b94ed2 (diff) | |
commented out all the old reanimated stuff, added TODOs for leon
Diffstat (limited to 'src/components/search')
| -rw-r--r-- | src/components/search/SearchBar.tsx | 20 | ||||
| -rw-r--r-- | src/components/search/SearchResultsBackground.tsx | 20 |
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}]}> |