diff options
author | Shravya Ramesh <shravs1208@gmail.com> | 2021-03-05 15:37:05 -0800 |
---|---|---|
committer | Shravya Ramesh <shravs1208@gmail.com> | 2021-03-05 20:47:10 -0800 |
commit | eae3879cc5e77d2860d7ae8742c0d3e79f86d864 (patch) | |
tree | 1de1b4f2149390a743499fc0457cdc2aed238421 | |
parent | e8f9338132d568be325763bb84bfd836d3ea78bf (diff) |
removed unused file: SearchHeader
-rw-r--r-- | src/components/search/SearchHeader.tsx | 60 | ||||
-rw-r--r-- | src/components/search/index.ts | 1 |
2 files changed, 0 insertions, 61 deletions
diff --git a/src/components/search/SearchHeader.tsx b/src/components/search/SearchHeader.tsx deleted file mode 100644 index 0d9f5973..00000000 --- a/src/components/search/SearchHeader.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import React from 'react'; -import {SCREEN_HEIGHT} from '../../utils'; -import {View, StyleSheet, ViewProps} from 'react-native'; -import Animated, { - Value, - interpolateColors, - interpolate, -} from 'react-native-reanimated'; - -interface SearchHeaderProps extends ViewProps { - top: Value<number>; -} -const SearchHeader: React.FC<SearchHeaderProps> = ({top, style}) => { - const color: Animated.Node<number> = interpolateColors(top, { - inputRange: [-SCREEN_HEIGHT, 0], - outputColorRange: ['#fff', '#000'], - }); - const searchOpacity: Animated.Node<number> = interpolate(top, { - inputRange: [-SCREEN_HEIGHT, 0], - outputRange: [0, 1], - }); - const exploreOpacity: Animated.Node<number> = interpolate(top, { - inputRange: [-SCREEN_HEIGHT, 0], - outputRange: [1, 0], - }); - return ( - <View style={[styles.container, style]}> - {/* <View style={styles.headerContainer}> - <Animated.Text - style={[styles.header, {opacity: exploreOpacity, color}]}> - Explore - </Animated.Text> - </View> */} - {/* <View style={styles.headerContainer}> - <Animated.Text style={[styles.header, {opacity: searchOpacity, color}]}> - Search - </Animated.Text> - </View> */} - </View> - ); -}; - -const styles = StyleSheet.create({ - container: { - flexDirection: 'row', - justifyContent: 'center', - height: 30, - }, - headerContainer: { - position: 'absolute', - left: '50%', - }, - header: { - position: 'relative', - right: '50%%', - fontSize: 24, - fontWeight: 'bold', - }, -}); -export default SearchHeader; diff --git a/src/components/search/index.ts b/src/components/search/index.ts index d30c5c2a..a6289232 100644 --- a/src/components/search/index.ts +++ b/src/components/search/index.ts @@ -1,5 +1,4 @@ export {default as SearchBackground} from './SearchBackground'; -export {default as SearchHeader} from './SearchHeader'; export {default as SearchBar} from './SearchBar'; export {default as SearchCategories} from './SearchCategories'; export {default as SearchResultsBackground} from './SearchResultsBackground'; |