define and use canUseTouchScreen to get apply correct margin value fo…

…r button
Expensify · Oct 2, 2023 · 34e6066 · 34e6066
1 parent c390d5e
commit 34e6066
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/pages/iou/steps/MoneyRequestAmountForm.js b/src/pages/iou/steps/MoneyRequestAmountForm.js
@@ -212,6 +212,7 @@ function MoneyRequestAmountForm({amount, currency, isEditing, forwardedRef, onCu
 
     const formattedAmount = MoneyRequestUtils.replaceAllDigits(currentAmount, toLocaleDigit);
     const buttonText = isEditing ? translate('common.save') : translate('common.next');
+    const canUseTouchScreen = DeviceCapabilities.canUseTouchScreen();
 
     return (
         <ScrollView contentContainerStyle={styles.flexGrow1}>
@@ -257,7 +258,7 @@ function MoneyRequestAmountForm({amount, currency, isEditing, forwardedRef, onCu
                 style={[styles.w100, styles.justifyContentEnd, styles.pageWrapper, styles.pt0]}
                 nativeID={NUM_PAD_CONTAINER_VIEW_ID}
             >
-                {DeviceCapabilities.canUseTouchScreen() ? (
+                {canUseTouchScreen ? (
                     <BigNumberPad
                         nativeID={NUM_PAD_VIEW_ID}
                         numberPressed={updateAmountNumberPad}
@@ -267,7 +268,7 @@ function MoneyRequestAmountForm({amount, currency, isEditing, forwardedRef, onCu
                 <Button
                     success
                     medium={isExtraSmallScreenHeight}
-                    style={[styles.w100, styles.mt5]}
+                    style={[styles.w100, canUseTouchScreen ? styles.mt5 : styles.mt2]}
                     onPress={submitAndNavigateToNextPage}
                     pressOnEnter
                     text={buttonText}