From abc2d25bfc06a40129b86d8387d6bec1dd197711 Mon Sep 17 00:00:00 2001
From: Leon Jiang <35908040+leonyjiang@users.noreply.github.com>
Date: Wed, 19 Aug 2020 11:54:00 -0700
Subject: [TMA-25*] Search Functionality Bug Fixes (#35)

* Fix text input bugs

* Disable scrolling when searching

* Fix scroll function in results ScrollView

* Resolve animation issues

* [TMA-161] Recently Searched Users (#34)

* Basic AsyncStorage code

* Basic implementation complete

Need to fix re-rendering bug

* Removed errant comment

* Fixed bug for rerendering upon addition to recents

Need to fix bug for rerendering upon clearing

* Fixed rerendering bug for clear

* Only present recents header if users in recents

* Lint cleaning

* Basic AsyncStorage code

* Basic implementation complete

Need to fix re-rendering bug

* Removed errant comment

* Fixed bug for rerendering upon addition to recents

Need to fix bug for rerendering upon clearing

* Fixed rerendering bug for clear

* Only present recents header if users in recents

* Lint cleaning

* Added comments for a function

* Updated conditional presentation to use ternary

* Created component for List Section Headers

* Lint cleaning

* Converted component to be for Recent Searches

As opposed to just the list header

* Fix text input bugs

* Disable scrolling when searching

* Fix scroll function in results ScrollView

* Resolve animation issues

Co-authored-by: Justin Shillingford <jgs272@cornell.edu>
---
 src/components/search/SearchBar.tsx               | 7 +++++--
 src/components/search/SearchResultsBackground.tsx | 4 +++-
 2 files changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/search/SearchBar.tsx b/src/components/search/SearchBar.tsx
index 8bb93d54..ce825d8a 100644
--- a/src/components/search/SearchBar.tsx
+++ b/src/components/search/SearchBar.tsx
@@ -17,6 +17,10 @@ import Animated, {
 import {SCREEN_HEIGHT} from '../../utils';
 import Icon from 'react-native-vector-icons/Feather';
 
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+const AnimatedIcon = Animated.createAnimatedComponent(Icon);
+
 interface SearchBarProps extends TextInputProps {
   onCancel: () => void;
   top: Animated.Value<number>;
@@ -48,8 +52,6 @@ const SearchBar: React.FC<SearchBarProps> = ({
     e.preventDefault();
     Keyboard.dismiss();
   };
-  const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
-  const AnimatedIcon = Animated.createAnimatedComponent(Icon);
 
   return (
     <View style={[styles.container, style]}>
@@ -100,6 +102,7 @@ const styles = StyleSheet.create({
   input: {
     flex: 1,
     fontSize: 16,
+    color: '#fff',
   },
   cancelButton: {
     position: 'absolute',
diff --git a/src/components/search/SearchResultsBackground.tsx b/src/components/search/SearchResultsBackground.tsx
index 3e1e4fdc..77b1821d 100644
--- a/src/components/search/SearchResultsBackground.tsx
+++ b/src/components/search/SearchResultsBackground.tsx
@@ -31,6 +31,7 @@ const SearchResultsBackground: React.FC<SearchResultsBackgroundProps> = ({
 };
 const styles = StyleSheet.create({
   container: {
+    flex: 1,
     height: SCREEN_HEIGHT,
     width: SCREEN_WIDTH,
     padding: 20,
@@ -39,7 +40,8 @@ const styles = StyleSheet.create({
     zIndex: 0,
   },
   contentContainer: {
-    flex: 1,
+    flexGrow: 1,
+    paddingBottom: SCREEN_HEIGHT / 15,
   },
   results: {
     marginTop: StatusBarHeight + 110,
-- 
cgit v1.2.3-70-g09d2