From f0dd8f1acddb66ddf37ece4651c66b1b66cecf15 Mon Sep 17 00:00:00 2001
From: puneet <puneet.here121@gmail.com>
Date: Wed, 22 Jun 2022 10:27:05 -0700
Subject: [PATCH] add focus indicator

---
 src/components/EmojiPicker/EmojiPickerMenu/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js
index 3747cf0efb60..e271680da068 100755
--- a/src/components/EmojiPicker/EmojiPickerMenu/index.js
+++ b/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>
                 )}