Merge pull request #52473 from mkzie2/mkzie2-issue/52156

fix: replace backspace button in `BigNumberPad` with arrow icon
Expensify · Nov 14, 2024 · 458980d · 458980d
2 parents 769ab0e + a58a253
commit 458980d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/BigNumberPad.tsx b/src/components/BigNumberPad.tsx
@@ -5,6 +5,7 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useThemeStyles from '@hooks/useThemeStyles';
 import ControlSelection from '@libs/ControlSelection';
 import Button from './Button';
+import * as Expensicons from './Icon/Expensicons';
 
 type BigNumberPadProps = {
     /** Callback to inform parent modal with key pressed */
@@ -79,7 +80,8 @@ function BigNumberPad({numberPressed, longPressHandlerStateChanged = () => {}, i
                                 large={!isExtraSmallScreenHeight}
                                 shouldEnableHapticFeedback
                                 style={[styles.flex1, marginLeft]}
-                                text={column === '<' ? column : toLocaleDigit(column)}
+                                text={column === '<' ? undefined : toLocaleDigit(column)}
+                                icon={column === '<' ? Expensicons.BackArrow : undefined}
                                 onLongPress={() => handleLongPress(column)}
                                 onPress={() => numberPressed(column)}
                                 onPressIn={ControlSelection.block}