diff options
| -rw-r--r-- | src/components/profile/ProfilePreview.tsx | 16 | ||||
| -rw-r--r-- | src/components/search/RecentSearches.tsx | 14 | ||||
| -rw-r--r-- | src/components/search/SearchBar.tsx | 1 | ||||
| -rw-r--r-- | src/screens/search/SearchScreen.tsx | 1 |
4 files changed, 20 insertions, 12 deletions
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx index e6311daa..b2c0a24d 100644 --- a/src/components/profile/ProfilePreview.tsx +++ b/src/components/profile/ProfilePreview.tsx @@ -164,7 +164,8 @@ const ProfilePreview: React.FC<ProfilePreviewProps> = ({ nameStyle; switch (previewType) { - case 'Search' || 'Recent': + case 'Search': + case 'Recent': containerStyle = styles.searchResultContainer; avatarStyle = styles.searchResultAvatar; nameContainerStyle = styles.searchResultNameContainer; @@ -257,13 +258,12 @@ const styles = StyleSheet.create({ textAlign: 'center', width: '32%', marginVertical: 10, - borderWidth: 1, }, searchResultAvatar: { - height: 60, - width: 60, + height: 50, + width: 50, borderRadius: 30, - marginRight: 15, + marginRight: '10%', }, commentAvatar: { height: 40, @@ -280,6 +280,7 @@ const styles = StyleSheet.create({ searchResultNameContainer: { justifyContent: 'space-evenly', alignSelf: 'stretch', + flex: 1, }, commentNameContainer: { justifyContent: 'space-evenly', @@ -291,7 +292,7 @@ const styles = StyleSheet.create({ marginTop: 5, }, searchResultUsername: { - fontSize: 18, + fontSize: 16, fontWeight: '500', }, commentUsername: { @@ -305,7 +306,8 @@ const styles = StyleSheet.create({ textAlign: 'center', }, searchResultName: { - fontSize: 16, + fontSize: 14, + fontWeight: '400', color: '#333', }, commentName: { diff --git a/src/components/search/RecentSearches.tsx b/src/components/search/RecentSearches.tsx index 22a36a6b..8a06017c 100644 --- a/src/components/search/RecentSearches.tsx +++ b/src/components/search/RecentSearches.tsx @@ -21,7 +21,7 @@ interface RecentSearchesProps extends TouchableOpacityProps { */ const RecentSearches: React.FC<RecentSearchesProps> = (props) => { return ( - <> + <View style={styles.mainContainer}> <View style={styles.container}> <Text style={styles.title}>{props.sectionTitle}</Text> {props.sectionButtonTitle && ( @@ -35,21 +35,25 @@ const RecentSearches: React.FC<RecentSearchesProps> = (props) => { previewType={props.sectionTitle} screenType={props.screenType} /> - </> + </View> ); }; const styles = StyleSheet.create({ + mainContainer: { + marginLeft: '3%', + }, container: { flexDirection: 'row', }, title: { - fontSize: 17, - fontWeight: 'bold', + fontSize: 18, + fontWeight: '600', flexGrow: 1, + marginBottom: '5%', }, clear: { - fontSize: 17, + fontSize: 18, fontWeight: 'bold', color: TAGG_TEXT_LIGHT_BLUE, }, diff --git a/src/components/search/SearchBar.tsx b/src/components/search/SearchBar.tsx index a711f8f8..3f666ef0 100644 --- a/src/components/search/SearchBar.tsx +++ b/src/components/search/SearchBar.tsx @@ -69,6 +69,7 @@ const SearchBar: React.FC<SearchBarProps> = ({ onSubmitEditing={handleSubmit} clearButtonMode="while-editing" autoCapitalize="none" + autoCorrect={false} {...{value, onChangeText, onFocus, onBlur}} /> </Animated.View> diff --git a/src/screens/search/SearchScreen.tsx b/src/screens/search/SearchScreen.tsx index 4505163c..9f98b4d7 100644 --- a/src/screens/search/SearchScreen.tsx +++ b/src/screens/search/SearchScreen.tsx @@ -113,6 +113,7 @@ const SearchScreen: React.FC = () => { setSearching(true); }; const handleBlur = () => { + setQuery(''); Keyboard.dismiss(); const topOutConfig = { duration: 180, |