From 0aaef3893d589cb28f43362b9e4c50d14bfaa5f1 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 18 Jan 2021 17:21:47 -0500
Subject: updated style

---
 src/components/search/RecentSearches.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'src/components/search')

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,
   },
-- 
cgit v1.2.3-70-g09d2


From df3482ae3586868690c9edc963448e66878038bf Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 18 Jan 2021 17:30:15 -0500
Subject: no autocorrect on search bar and auto clear on cancel

---
 src/components/search/SearchBar.tsx | 1 +
 src/screens/search/SearchScreen.tsx | 1 +
 2 files changed, 2 insertions(+)

(limited to 'src/components/search')

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,
-- 
cgit v1.2.3-70-g09d2