From deba817806ce4a0814de968716c19b0731d6de9d Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Mon, 29 May 2023 16:31:10 +0800
Subject: [PATCH] feat: account value

---
 src/modules/[chain]/account/[address].vue | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index f3687a17..0f7b3033 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -164,7 +164,9 @@ loadAccount(props.address);
                 <div class="text-sm font-semibold">
                   {{ format.formatToken(balanceItem) }}
                 </div>
-                <div class="text-xs">≈${{ 0 }}</div>
+                <div class="text-xs">
+                  ≈${{ format.tokenValue(balanceItem) }}
+                </div>
               </div>
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary mr-2"
@@ -193,7 +195,9 @@ loadAccount(props.address);
                 <div class="text-sm font-semibold">
                   {{ format.formatToken(delegationItem?.balance) }}
                 </div>
-                <div class="text-xs">≈${{ 0 }}</div>
+                <div class="text-xs">
+                  ≈${{ format.tokenValue(delegationItem?.balance) }}
+                </div>
               </div>
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary mr-2"
@@ -231,7 +235,7 @@ loadAccount(props.address);
                 <div class="text-sm font-semibold">
                   {{ format.formatToken(rewardItem) }}
                 </div>
-                <div class="text-xs">≈${{ 0 }}</div>
+                <div class="text-xs">≈${{ format.tokenValue(rewardItem) }}</div>
               </div>
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary mr-2"
@@ -265,7 +269,14 @@ loadAccount(props.address);
                     })
                   }}
                 </div>
-                <div class="text-xs">≈${{ 0 }}</div>
+                <div class="text-xs">
+                  ≈${{
+                    format.tokenValue({
+                      amount: String(unbondingTotal),
+                      denom: stakingStore.params.bond_denom,
+                    })
+                  }}
+                </div>
               </div>
               <div
                 class="text-xs truncate relative py-1 px-3 rounded-full w-fit text-primary mr-2"
@@ -460,8 +471,8 @@ loadAccount(props.address);
               </td>
               <td class="truncate text-primary py-3" style="max-width: 200px">
                 <RouterLink :to="`/${chain}/tx/${v.txhash}`">
-                {{ v.txhash }}
-              </RouterLink>
+                  {{ v.txhash }}
+                </RouterLink>
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">