From dd1d2e99a89f8cecb45f8062f467628c4b68cdf7 Mon Sep 17 00:00:00 2001
From: Pham Tu <tubackkhoa@gmail.com>
Date: Thu, 18 Jan 2024 10:54:10 +0700
Subject: [PATCH] fix dashboard

---
 src/components/dynamic/TxsElement.vue |  1 -
 src/libs/client.ts                    | 12 +++---------
 src/stores/useBankStore.ts            | 11 ++++++-----
 src/stores/useMintStore.ts            |  2 +-
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index 0e669e54..705be691 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { fromBase64, toBase64 } from '@cosmjs/encoding';
 import { decodeTxRaw } from '@cosmjs/proto-signing';
 import { computed } from '@vue/reactivity';
 import { hashTx } from '@/libs';
diff --git a/src/libs/client.ts b/src/libs/client.ts
index dad96487..58a4f874 100644
--- a/src/libs/client.ts
+++ b/src/libs/client.ts
@@ -253,15 +253,9 @@ export class CosmosRestClient extends BaseRestClient<RequestRegistry> {
     return res;
   }
   async getBankSupplyByDenom(denom: string) {
-    let supply;
-    try {
-      supply = await this.queryClient.bank.supplyOf(denom);
-      console.log(supply);
-    } catch (err) {
-      // will move this to sdk version profile later
-      console.log('err getting bank supply: ', err);
-    }
-    return supply;
+    const res = await this.queryClient.bank.supplyOf(denom);
+    console.log(res);
+    return res;
   }
   // Distribution Module
   async getDistributionParams() {
diff --git a/src/stores/useBankStore.ts b/src/stores/useBankStore.ts
index eb2a6766..add58743 100644
--- a/src/stores/useBankStore.ts
+++ b/src/stores/useBankStore.ts
@@ -2,15 +2,16 @@ import { defineStore } from 'pinia';
 
 import { useBlockchain } from './useBlockchain';
 import { useStakingStore } from './useStakingStore';
-import type { Coin, DenomTrace } from '@/types';
+import type { Coin } from 'cosmjs-types/cosmos/base/v1beta1/coin';
+import type { DenomTrace } from 'cosmjs-types/ibc/applications/transfer/v1/transfer';
 
 export const useBankStore = defineStore('bankstore', {
   state: () => {
     return {
-      supply: {} as Coin,
+      supply: {} as Coin | undefined,
       balances: {} as Record<string, Coin[]>,
       totalSupply: { supply: [] as Coin[] },
-      ibcDenoms: {} as Record<string, DenomTrace>,
+      ibcDenoms: {} as Record<string, DenomTrace | undefined>,
     };
   },
   getters: {
@@ -26,11 +27,11 @@ export const useBankStore = defineStore('bankstore', {
       this.$reset();
       this.supply = {} as Coin;
       const denom =
-        this.staking.params.bond_denom ||
+        this.staking.params.bondDenom ||
         this.blockchain.current?.assets[0].base;
       if (denom) {
         this.blockchain.rpc.getBankSupplyByDenom(denom).then((res) => {
-          if (res.amount) this.supply = res.amount;
+          this.supply = res;
         });
       }
     },
diff --git a/src/stores/useMintStore.ts b/src/stores/useMintStore.ts
index fff1680e..8c85d4b8 100644
--- a/src/stores/useMintStore.ts
+++ b/src/stores/useMintStore.ts
@@ -22,7 +22,7 @@ export const useMintStore = defineStore('mintStore', {
           this.inflation = '0';
         });
         if (res) {
-          this.inflation = res.inflation;
+          this.inflation = res.toString();
         }
       } catch (e) {
         console.log(e);