add autofocus & hoverstyle

Expensify · Aug 14, 2021 · 0b1900d · 0b1900d
1 parent 8b10c1c
commit 0b1900d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/pages/iou/IOUCurrencySelection.js b/src/pages/iou/IOUCurrencySelection.js
@@ -158,7 +158,12 @@ class IOUCurrencySelection extends Component {
 
     render() {
         return (
-            <ScreenWrapper>
+            <ScreenWrapper onTransitionEnd={() => {
+                if (this.textInput) {
+                    this.textInput.focus();
+                }
+            }}
+            >
                 <KeyboardAvoidingView>
                     <HeaderWithCloseButton
                         title={this.props.translate('iOUCurrencySelection.selectCurrency')}
@@ -190,6 +195,7 @@ class IOUCurrencySelection extends Component {
                                         <OptionRow
                                             key={key}
                                             mode="compact"
+                                            hoverStyle={styles.hoveredComponentBG}
                                             option={item}
                                             onSelectRow={() => this.toggleOption(item.currencyCode)}
                                             isSelected={