fix BigInt issue

prettier
integritee-network · Sep 9, 2024 · 0e97a86 · 0e97a86
1 parent 89b2506
commit 0e97a86
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -411,7 +411,10 @@
                         Bond TEER to accumulate TEERdays
                       </div>
                       <div
-                        v-if="accountStore.getTransferrable < Math.pow(10, 9)"
+                        v-if="
+                          accountStore.getTransferrable <
+                          BigInt(Math.pow(10, 9))
+                        "
                         class="text-sm text-red-500"
                       >
                         Not enough transferrable TEER. Please get free test TEER
@@ -442,9 +445,10 @@
                               step="0.1"
                               :min="0.1"
                               :max="
-                                accountStore.getTransferrable /
-                                  Math.pow(10, 12) -
-                                0.1
+                                Number(
+                                  accountStore.getTransferrable /
+                                    BigInt(Math.pow(10, 12)),
+                                ) - 0.1
                               "
                               required
                               class="flex-grow rounded-md border-0 bg-gray-800 py-1.5 text-white shadow-sm ring-1 ring-inset ring-gray-700 focus:ring-1 focus:ring-inset focus:ring-incognitee-green sm:text-sm sm:leading-6"
@@ -1161,9 +1165,9 @@ watch(accountStore, async () => {
       },
     }) => {
       console.log("TEER balance:" + currentFree);
-      accountStore.free = Number(currentFree);
-      accountStore.reserved = Number(currentReserved);
-      accountStore.frozen = Number(currentFrozen);
+      accountStore.free = BigInt(currentFree);
+      accountStore.reserved = BigInt(currentReserved);
+      accountStore.frozen = BigInt(currentFrozen);
       isFetchingTeerBalance.value = false;
     },
   );

diff --git a/store/teerAccount.ts b/store/teerAccount.ts
@@ -4,9 +4,9 @@ import { formatBalance } from "@polkadot/util";
 export const useAccount = defineStore("teerAccount", {
   state: () => ({
     address: <string | null>null,
-    free: 0,
-    reserved: 0,
-    frozen: 0,
+    free: BigInt(0),
+    reserved: BigInt(0),
+    frozen: BigInt(0),
   }),
   getters: {
     getShortAddress({ address }): string {