token-account: Show delegate and delegated amount

solana-labs · Dec 13, 2023 · 386789e · 386789e
1 parent e7ee73d
commit 386789e
Showing 1 changed file with 20 additions and 0 deletions.
diff --git 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>
     );