Merge pull request #38843 from Expensify/cmartins-autoFocus

Expensify · Mar 22, 2024 · 3bea03a · 3bea03a
2 parents 7dc0cfc + 46f3a30
commit 3bea03a
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/pages/workspace/taxes/ValuePage.tsx b/src/pages/workspace/taxes/ValuePage.tsx
@@ -7,6 +7,7 @@ import type {FormOnyxValues} from '@components/Form/types';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import ScreenWrapper from '@components/ScreenWrapper';
 import Text from '@components/Text';
+import useAutoFocusInput from '@hooks/useAutoFocusInput';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {updatePolicyTaxValue, validateTaxValue} from '@libs/actions/TaxRate';
@@ -35,6 +36,7 @@ function ValuePage({
 }: ValuePageProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
+    const {inputCallbackRef} = useAutoFocusInput();
     const currentTaxRate = PolicyUtils.getTaxByID(policy, taxID);
     const [value, setValue] = useState(currentTaxRate?.value?.replace('%', ''));
 
@@ -89,6 +91,7 @@ function ValuePage({
                                 onInputChange={setValue}
                                 hideCurrencySymbol
                                 extraSymbol={<Text style={styles.iouAmountText}>%</Text>}
+                                ref={inputCallbackRef}
                             />
                         </FormProvider>
                     </ScreenWrapper>