aboutsummaryrefslogtreecommitdiff
path: root/src/components/search/RecentSearches.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/search/RecentSearches.tsx')
-rw-r--r--src/components/search/RecentSearches.tsx24
1 files changed, 12 insertions, 12 deletions
diff --git a/src/components/search/RecentSearches.tsx b/src/components/search/RecentSearches.tsx
index 89379596..b4cc5483 100644
--- a/src/components/search/RecentSearches.tsx
+++ b/src/components/search/RecentSearches.tsx
@@ -19,7 +19,6 @@ import {SCREEN_HEIGHT} from '../../utils';
interface RecentSearchesProps extends TouchableOpacityProps {
sectionTitle: PreviewType;
- sectionButtonTitle: string;
recents: Array<ProfilePreviewType>;
recentCategories: CategoryPreviewType[];
screenType: ScreenType;
@@ -28,7 +27,6 @@ interface RecentSearchesProps extends TouchableOpacityProps {
const RecentSearches: React.FC<RecentSearchesProps> = (props) => {
const {
sectionTitle,
- sectionButtonTitle,
recents,
recentCategories,
screenType,
@@ -36,14 +34,12 @@ const RecentSearches: React.FC<RecentSearchesProps> = (props) => {
return (
<ScrollView
style={styles.mainContainer}
- contentContainerStyle={{paddingBottom: SCREEN_HEIGHT * 0.1}}>
- <View style={styles.container}>
+ contentContainerStyle={styles.contentContainer}>
+ <View style={styles.header}>
<Text style={styles.title}>{sectionTitle}</Text>
- {sectionButtonTitle && (
- <TouchableOpacity {...props}>
- <Text style={styles.clear}>Clear all</Text>
- </TouchableOpacity>
- )}
+ <TouchableOpacity {...props}>
+ <Text style={styles.clear}>Clear all</Text>
+ </TouchableOpacity>
</View>
<SearchResults
results={recents}
@@ -57,16 +53,20 @@ const RecentSearches: React.FC<RecentSearchesProps> = (props) => {
const styles = StyleSheet.create({
mainContainer: {
- marginLeft: '3%',
+ flexGrow: 1,
+ },
+ contentContainer: {
+ paddingBottom: SCREEN_HEIGHT * 0.1,
},
- container: {
+ header: {
+ paddingHorizontal: 25,
+ paddingVertical: 5,
flexDirection: 'row',
},
title: {
fontSize: 18,
fontWeight: '600',
flexGrow: 1,
- marginBottom: '5%',
},
clear: {
fontSize: 18,