Refactor onFlipAmount to handle amount parsing and update selection i…

…n MoneyRequestAmountForm
Expensify · Jan 30, 2025 · 7f331c8 · 7f331c8
1 parent 0fe0e70
commit 7f331c8
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/pages/iou/MoneyRequestAmountForm.tsx b/src/pages/iou/MoneyRequestAmountForm.tsx
@@ -163,10 +163,17 @@ function MoneyRequestAmountForm(
     );
 
     const onFlipAmount = useCallback(() => {
-        const currentAmount = moneyRequestAmountInput.current?.getAmount() ?? '';
-        const newAmount = convertToFrontendAmountAsInteger(-Number(currentAmount), currency);
-        initializeAmount(newAmount);
-    }, [currency, initializeAmount]);
+        const currentAmount = moneyRequestAmountInput.current?.getAmount() ?? '0';
+        const parsedAmount = Number(currentAmount.replace(/\./g, '')); // Remove any commas for parsing
+        const newAmount = parsedAmount * -1;
+        const frontendAmount = convertToFrontendAmountAsString(newAmount, currency);
+
+        moneyRequestAmountInput.current?.changeAmount(frontendAmount);
+        moneyRequestAmountInput.current?.changeSelection({
+            start: frontendAmount.length,
+            end: frontendAmount.length,
+        });
+    }, [currency]);
 
     useEffect(() => {
         if (!currency || typeof amount !== 'number') {
@@ -302,15 +309,13 @@ function MoneyRequestAmountForm(
                 <View style={[styles.flexRow, styles.justifyContentCenter, styles.mt5, styles.gap2]}>
                     <Button
                         allowBubble={!isEditing}
-                        pressOnEnter
                         shouldShowRightIcon
                         iconRight={Expensicons.DownArrow}
                         onPress={onCurrencyButtonPress}
                         text={currency}
                     />
                     <Button
                         allowBubble={!isEditing}
-                        pressOnEnter
                         shouldShowRightIcon
                         iconRight={Expensicons.PlusMinus}
                         onPress={onFlipAmount}