Merge pull request #28595 from aman-atg/aman/use-correct-marginTop-value

define and use `canUseTouchScreen` to get apply correct value for marginTop in Button
Expensify · Oct 3, 2023 · be98ca2 · be98ca2
2 parents 0aafbf5 + 34e6066
commit be98ca2
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
@@ -228,6 +228,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}>
@@ -273,7 +274,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}
@@ -285,7 +286,7 @@ function MoneyRequestAmountForm({amount, currency, isEditing, forwardedRef, onCu
                     allowBubble
                     pressOnEnter
                     medium={isExtraSmallScreenHeight}
-                    style={[styles.w100, styles.mt5]}
+                    style={[styles.w100, canUseTouchScreen ? styles.mt5 : styles.mt2]}
                     onPress={submitAndNavigateToNextPage}
                     text={buttonText}
                 />