Remove close button for search in community modal

src/components/editorElements/selectCommunityModal/container/selectCommunityModalContainer.js

@@ -11,13 +11,11 @@ import SelectCommunityModalView from '../view/selectCommunityModalView';
 import {
   fetchCommunities,
   fetchCommunitiesSuccess,
-  fetchCommunitiesFail,
   fetchSubscribedCommunities,
   fetchSubscribedCommunitiesSuccess,
-  fetchSubscribedCommunitiesFail,
 } from '../../../../redux/actions/communitiesAction';
 
-const SelectCommunityModalContainer = ({ onPressCommunity, onPressCloseForSearch }) => {
+const SelectCommunityModalContainer = ({ onPressCommunity }) => {
   const dispatch = useDispatch();
 
   const [searchedCommunities, setSearchedCommunities] = useState([]);
@@ -77,7 +75,6 @@ const SelectCommunityModalContainer = ({ onPressCommunity, onPressCloseForSearch
         topCommunities={topCommunities}
         subscribedCommunities={subscribedCommunities}
         onChangeSearch={debounce(handleChangeSearch, 500)}
-        onPressCloseForSearch={handlePressCloseForSearch}
         searchedCommunities={searchedCommunities}
         showSearchedCommunities={showSearchedCommunities}
       />

src/components/editorElements/selectCommunityModal/view/selectCommunityModalView.js

@@ -19,12 +19,7 @@ const SelectCommunityModalView = ({
 }) => {
   return (
     <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false}>
-      <SearchInput
+      <SearchInput onChangeText={onChangeSearch} placeholder="search" autoFocus={false} />
-        handleOnModalClose={onPressCloseForSearch}
-        onChangeText={onChangeSearch}
-        placeholder="search"
-        autoFocus={false}
-      />
       {showSearchedCommunities ? (
         <FlatList
           ItemSeparatorComponent={() => <Separator />}

src/components/searchInput/view/searchInputStyles.js

@@ -8,7 +8,7 @@ export default EStyleSheet.create({
     height: 44,
     borderRadius: 8,
     padding: 5,
-    justifyContent: 'center',
+    justifyContent: 'flex-start',
     marginHorizontal: 16,
   },
   icon: {

src/components/searchInput/view/searchInputView.js

@@ -34,13 +34,15 @@ const SearchInputView = ({
       autoFocus={autoFocus}
       editable={editable}
     />
-    <IconButton
+    {handleOnModalClose && (
-      iconStyle={styles.closeIcon}
+      <IconButton
-      iconType="Ionicons"
+        iconStyle={styles.closeIcon}
-      style={styles.closeIconButton}
+        iconType="Ionicons"
-      name="ios-close-circle-outline"
+        style={styles.closeIconButton}
-      onPress={() => handleOnModalClose()}
+        name="ios-close-circle-outline"
-    />
+        onPress={() => handleOnModalClose()}
+      />
+    )}
   </SafeAreaView>
 );
 

src/screens/editor/screen/editorScreen.js

@@ -280,10 +280,7 @@ class EditorScreen extends Component {
           presentationStyle="pageSheet"
           style={styles.modal}
         >
-          <SelectCommunityModalContainer
+          <SelectCommunityModalContainer onPressCommunity={this._handlePressCommunity} />
-            onPressCommunity={this._handlePressCommunity}
-            onPressCloseForSearch={() => this.setState({ isCommunitiesListModalOpen: false })}
-          />
         </Modal>
         <BasicHeader
           handleDatePickerChange={(date) => handleDatePickerChange(date, fields)}