From ba1ede3e474f5ea42a0156e1da2a78e397965ca8 Mon Sep 17 00:00:00 2001
From: Rishav karanjit <karanjitrishav4@gmail.com>
Date: Tue, 7 Nov 2023 21:25:10 -0500
Subject: [PATCH] Remove the USD price in claimed balance

For issue #1445
---
 .../VestingPaymentCard/VestingPaymentCard.tsx     | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/stateful/widgets/widgets/VestingPayments/components/VestingPaymentCard/VestingPaymentCard.tsx b/packages/stateful/widgets/widgets/VestingPayments/components/VestingPaymentCard/VestingPaymentCard.tsx
index c52d4e898..25669568a 100644
--- a/packages/stateful/widgets/widgets/VestingPayments/components/VestingPaymentCard/VestingPaymentCard.tsx
+++ b/packages/stateful/widgets/widgets/VestingPayments/components/VestingPaymentCard/VestingPaymentCard.tsx
@@ -483,6 +483,21 @@ export const VestingPaymentCard = ({
             </div>
           )}
 
+          <div className="flex flex-row items-start justify-between gap-8">
+            <p className="link-text">{t('title.claimedBalance')}</p>
+
+            {/* leading-5 to match link-text's line-height. */}
+            <div className="caption-text flex flex-col items-end gap-1 text-right font-mono">
+              {/* leading-5 to match link-text's line-height. */}
+              <TokenAmountDisplay
+                amount={claimedAmount}
+                className="leading-5 text-text-body"
+                decimals={token.decimals}
+                symbol={token.symbol}
+              />
+            </div>
+            
+          </div>
         </div>
 
         {!lazyInfo.loading &&