Merge pull request #9534 from Puneet-here/add-focus-indicator

add focus indicator for emoji picker search field

Author: Luke9389

src/components/EmojiPicker/EmojiPickerMenu/index.js

@@ -98,6 +98,7 @@ class EmojiPickerMenu extends Component {
                 start: 0,
                 end: 0,
             },
+            isFocused: false,
         };
     }
 
@@ -441,12 +442,14 @@ class EmojiPickerMenu extends Component {
                             placeholder={this.props.translate('common.search')}
                             placeholderTextColor={themeColors.textSupporting}
                             onChangeText={this.filterEmojis}
-                            style={styles.textInput}
+                            style={[styles.textInput, this.state.isFocused && styles.borderColorFocus]}
                             defaultValue=""
                             ref={el => this.searchInput = el}
                             autoFocus
                             selectTextOnFocus={this.state.selectTextOnFocus}
                             onSelectionChange={this.onSelectionChange}
+                            onFocus={() => this.setState({isFocused: true})}
+                            onBlur={() => this.setState({isFocused: false})}
                         />
                     </View>
                 )}