aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorShravya Ramesh <shravs1208@gmail.com>2021-03-05 15:37:05 -0800
committerShravya Ramesh <shravs1208@gmail.com>2021-03-05 20:47:10 -0800
commiteae3879cc5e77d2860d7ae8742c0d3e79f86d864 (patch)
tree1de1b4f2149390a743499fc0457cdc2aed238421
parente8f9338132d568be325763bb84bfd836d3ea78bf (diff)
removed unused file: SearchHeader
-rw-r--r--src/components/search/SearchHeader.tsx60
-rw-r--r--src/components/search/index.ts1
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';