From 386789e09e7f9eef29ed30da9b6b4be7096bc416 Mon Sep 17 00:00:00 2001
From: Jon C <me@jonc.dev>
Date: Wed, 13 Dec 2023 01:27:48 +0100
Subject: [PATCH] token-account: Show delegate and delegated amount

---
 .../account/TokenAccountSection.tsx           | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/components/account/TokenAccountSection.tsx b/app/components/account/TokenAccountSection.tsx
index a80f6a73..eab3f65c 100644
--- a/app/components/account/TokenAccountSection.tsx
+++ b/app/components/account/TokenAccountSection.tsx
@@ -425,6 +425,26 @@ function TokenAccountCard({ account, info }: { account: Account; info: TokenAcco
                         </td>
                     </tr>
                 )}
+                {info.delegate && (
+                    <tr>
+                        <td>Delegate</td>
+                        <td className="text-lg-end">
+                            <Address pubkey={info.delegate} alignRight link />
+                        </td>
+                    </tr>
+                )}
+                {info.delegatedAmount && (
+                    <tr>
+                        <td>Delegated amount {typeof symbol === 'string' && `(${symbol})`}</td>
+                        <td className="text-lg-end">
+                            {info.isNative ? (
+                                <>
+                                    {'\u25ce'}<span className="font-monospace">{new BigNumber(info.delegatedAmount.uiAmountString).toFormat(9)}</span>
+                                </>
+                            ) : <>{info.delegatedAmount.uiAmountString}</>}
+                        </td>
+                    </tr>
+                )}
             </TableCardBody>
         </div>
     );