From 9f5fa45d25d90c3d65a4aed6a362a2586ebc5abd Mon Sep 17 00:00:00 2001
From: Imamah-Zafar <imamah.zafar@tintash.com>
Date: Wed, 9 Aug 2023 15:12:41 +0500
Subject: [PATCH 1/2] Use ftDecimals function for fungible token amount

---
 src/app/components/transactions/txTransfers.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/transactions/txTransfers.tsx b/src/app/components/transactions/txTransfers.tsx
index 3d63c6871..9d51227e7 100644
--- a/src/app/components/transactions/txTransfers.tsx
+++ b/src/app/components/transactions/txTransfers.tsx
@@ -10,6 +10,7 @@ import { microstacksToStx } from '@secretkeylabs/xverse-core';
 import BigNumber from 'bignumber.js';
 import { useTranslation } from 'react-i18next';
 import { getFtTicker } from '@utils/tokens';
+import { ftDecimals } from '@utils/helper';
 
 const TransactionContainer = styled.div((props) => ({
   display: 'flex',
@@ -92,7 +93,11 @@ export default function TxTransfers(props: TxTransfersProps) {
             <TransactionRow>
               <TransactionTitleText>{getTokenTransferTitle(transfer)}</TransactionTitleText>
               <NumericFormat
-                value={microstacksToStx(BigNumber(transfer.amount)).toString()}
+                value={
+                  isFT
+                    ? ftDecimals(BigNumber(transfer.amount), ft?.decimals!)
+                    : microstacksToStx(BigNumber(transfer.amount)).toString()
+                }
                 displayType="text"
                 thousandSeparator
                 prefix={isSentTransaction ? '-' : ''}

From 6d894aaabe498b3cd63eee09ceb025f5d431b82d Mon Sep 17 00:00:00 2001
From: Imamah-Zafar <imamah.zafar@tintash.com>
Date: Wed, 9 Aug 2023 15:37:59 +0500
Subject: [PATCH 2/2] fix undefined check

---
 src/app/components/transactions/txTransfers.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/transactions/txTransfers.tsx b/src/app/components/transactions/txTransfers.tsx
index 9d51227e7..abb89e69b 100644
--- a/src/app/components/transactions/txTransfers.tsx
+++ b/src/app/components/transactions/txTransfers.tsx
@@ -95,7 +95,7 @@ export default function TxTransfers(props: TxTransfersProps) {
               <NumericFormat
                 value={
                   isFT
-                    ? ftDecimals(BigNumber(transfer.amount), ft?.decimals!)
+                    ? ftDecimals(BigNumber(transfer.amount), ft?.decimals ?? 0)
                     : microstacksToStx(BigNumber(transfer.amount)).toString()
                 }
                 displayType="text"