trancate balance (#34)

anyone-protocol · Jun 11, 2024 · 29a1829 · 29a1829
1 parent 55fbbf2
commit 29a1829
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/components/UserBalance.vue b/components/UserBalance.vue
@@ -40,7 +40,7 @@ defineProps<{
   <ClientOnly>
     <div>
       <span class="text-4xl font-bold" v-if="isConnected">
-        {{ parseFloat(tokenBalance.formatted).toFixed(3) }}
+        {{ parseFloat(tokenBalance.formatted).toFixed(2) }}
         <Ticker v-if="showTicker" />
       </span>
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -89,6 +89,12 @@ const handleClaimAllRewards = async () => {
   isRedeemLoading.value = false;
   progressLoading.value = 0;
 };
+
+const trancateUserBalance = (userBalance: string | null | bigint) => {
+  const balance = formatEther(userBalance || '0');
+  const truncatedUserBalance = Number(balance).toFixed(2);
+  return truncatedUserBalance;
+};
 </script>
 
 <template>
@@ -119,7 +125,7 @@ const handleClaimAllRewards = async () => {
               </h3>
               <div class="inline-flex items-baseline gap-2">
                 <span v-if="isConnected" class="text-4xl font-bold">
-                  {{ formatEther(registratorStore.totalLockedTokens || '0') }}
+                  {{ trancateUserBalance(registratorStore.totalLockedTokens) }}
                 </span>
                 <span v-if="!isConnected" class="text-4xl font-bold"> -- </span>
                 <Ticker />
@@ -187,7 +193,7 @@ const handleClaimAllRewards = async () => {
               <h3>Claimed rewards</h3>
               <div class="inline-flex items-baseline gap-2">
                 <span v-if="isConnected" class="text-4xl font-bold">
-                  {{ formatEther(facilitatorStore.totalClaimedTokens || '0') }}
+                  {{ trancateUserBalance(facilitatorStore.totalClaimedTokens) }}
                 </span>
                 <span v-if="!isConnected" class="text-4xl font-bold"> -- </span>
                 <Ticker />
@@ -198,8 +204,8 @@ const handleClaimAllRewards = async () => {
               <div class="inline-flex items-baseline gap-2">
                 <span v-if="isConnected" class="text-4xl font-bold">
                   {{
-                    formatEther(
-                      facilitatorStore.avaliableAllocatedTokens || '0'
+                    trancateUserBalance(
+                      facilitatorStore.avaliableAllocatedTokens
                     )
                   }}
                 </span>