updated a bit

src/components/searchModal/view/searchModalStyles.js

@@ -21,7 +21,7 @@ export default EStyleSheet.create({
     marginLeft: 16,
   },
   input: {
-    color: '$primaryDarkGray',
+    color: '$iconColor',
     fontSize: 14,
     flexGrow: 1,
     paddingHorizontal: 10,

src/components/searchModal/view/searchModalView.js

@@ -38,8 +38,8 @@ class SearchModalView extends Component {
               <Icon style={styles.icon} iconType="FontAwesome" name="search" size={20} />
               <TextInput
                 style={styles.input}
-                onChangeText={text => this.setState({ text })}
-                value={this.state.text}
+                // onChangeText={text => this.setState({ text })}
+                placeholder="Search..."
               />
               <IconButton
                 iconStyle={styles.closeIcon}