Merge pull request #60694 from nkdengineer/fix/60680

fix: amount is not updating optimistically in the Expense Report

Author: mountiny

src/components/TransactionItemRow/DataCells/TotalCell.tsx

@@ -3,24 +3,24 @@ import TextWithTooltip from '@components/TextWithTooltip';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {convertToDisplayString} from '@libs/CurrencyUtils';
+import {getTransactionDetails} from '@libs/ReportUtils';
 import {getCurrency as getTransactionCurrency, hasReceipt, isReceiptBeingScanned} from '@libs/TransactionUtils';
 import type TransactionDataCellProps from './TransactionDataCellProps';
 
 function TotalCell({shouldShowTooltip, transactionItem}: TransactionDataCellProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const currency = getTransactionCurrency(transactionItem);
-
-    let amount = convertToDisplayString(Math.abs(transactionItem.amount), currency);
-
+    const amount = getTransactionDetails(transactionItem)?.amount;
+    let amountToDisplay = convertToDisplayString(amount, currency);
     if (hasReceipt(transactionItem) && isReceiptBeingScanned(transactionItem)) {
-        amount = translate('iou.receiptStatusTitle');
+        amountToDisplay = translate('iou.receiptStatusTitle');
     }
 
     return (
         <TextWithTooltip
             shouldShowTooltip={shouldShowTooltip}
-            text={amount}
+            text={amountToDisplay}
             style={[styles.optionDisplayName, styles.justifyContentCenter]}
         />
     );