From 68c33a12c867ab328e7e1899d4fcbfcdb6f7f119 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Wed, 19 May 2021 16:43:32 -0700
Subject: Modify to reuse existing search bar

---
 src/screens/chat/ChatSearchBar.tsx | 14 ++++++++++----
 src/screens/chat/NewChatModal.tsx  |  1 +
 2 files changed, 11 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/screens/chat/ChatSearchBar.tsx b/src/screens/chat/ChatSearchBar.tsx
index 91018d4c..1c91f493 100644
--- a/src/screens/chat/ChatSearchBar.tsx
+++ b/src/screens/chat/ChatSearchBar.tsx
@@ -17,6 +17,7 @@ interface SearchBarProps extends TextInputProps {
   onCancel: () => void;
   searching: boolean;
   placeholder: string;
+  label?: string;
 }
 const ChatSearchBar: React.FC<SearchBarProps> = ({
   onFocus,
@@ -26,6 +27,7 @@ const ChatSearchBar: React.FC<SearchBarProps> = ({
   onCancel,
   onLayout,
   placeholder,
+  label,
 }) => {
   const handleSubmit = (
     e: NativeSyntheticEvent<TextInputSubmitEditingEventData>,
@@ -34,14 +36,18 @@ const ChatSearchBar: React.FC<SearchBarProps> = ({
     Keyboard.dismiss();
   };
 
+  const extraLabelStyle = {paddingLeft: label ? 0 : 10};
+
   return (
     <View style={styles.container} onLayout={onLayout}>
       <Animated.View style={styles.inputContainer}>
-        <Animated.View style={styles.searchTextContainer}>
-          <Text style={styles.searchTextStyes}>To:</Text>
-        </Animated.View>
+        {label && (
+          <Animated.View style={styles.searchTextContainer}>
+            <Text style={styles.searchTextStyes}>{label}</Text>
+          </Animated.View>
+        )}
         <TextInput
-          style={styles.input}
+          style={[extraLabelStyle, styles.input]}
           placeholderTextColor={'#828282'}
           onSubmitEditing={handleSubmit}
           clearButtonMode="always"
diff --git a/src/screens/chat/NewChatModal.tsx b/src/screens/chat/NewChatModal.tsx
index 9872dd6f..e57e7f7a 100644
--- a/src/screens/chat/NewChatModal.tsx
+++ b/src/screens/chat/NewChatModal.tsx
@@ -98,6 +98,7 @@ const NewChatModal: React.FC<NewChatModalProps> = ({
           value={query}
           searching={searching}
           placeholder={''}
+          label={'To:'}
         />
         {results.length > 0 && (
           <View style={styles.headerContainerStyles}>
-- 
cgit v1.2.3-70-g09d2