feat: add parameters page store

src/stores/index.ts

@@ -7,4 +7,5 @@ export * from './useFormatter'
 export * from './useGovStore'
 export * from './useMintStore'
 export * from './useStakingStore'
-export * from './useDistributionStore'
+export * from './useDistributionStore'
+export * from './useParamsStore'

src/stores/useParamsStore.ts

@@ -0,0 +1,123 @@
+import { defineStore } from "pinia";
+import { useBlockchain } from "./useBlockchain";
+
+export interface stakingItem {
+    unbonding_time: string
+    max_validators: number
+    max_entries:number
+    historical_entries:number
+    bond_denom: string
+    min_commission_rate: string
+    min_self_delegation:string
+}
+
+export const useParamStore = defineStore("paramstore", {
+    state: () => ({
+        latestTime: '',
+        chain: {
+            title: '',
+            class: 'border-primary',
+            items: [
+                { subtitle: 'height', icon: 'BoxIcon', color: 'light-success', value: '' },
+                { subtitle: 'bonded_and_supply', icon: 'DollarSignIcon', color: 'light-danger', value: '' },
+                { subtitle: 'bonded_ratio', icon: 'PercentIcon', color: 'light-warning', value: '' },
+                { subtitle: 'inflation', icon: 'TrendingUpIcon', color: 'light-primary', value: '' },
+            ],
+        },
+        staking: {
+            title: 'Staking Parameters',
+            items: [] as Array<any>,
+        },
+        distribution: {
+            title: 'Distribution Parameters',
+            items: [],
+        },
+        slashing: {
+            title: 'Slashing Parameters',
+            items: null,
+        },
+        mint: {
+            title: 'Mint Parameters',
+            items: null,
+        },
+        gov: {
+            title: 'Governance Parameters',
+            items: [],
+        },
+    }),
+    getters: {
+        blockchain() {
+            return useBlockchain()
+        }
+    },
+    actions: {
+        initial() {
+            this.handleBaseBlockLatest()
+            this.handleStakingParams()
+        },
+        async handleBaseBlockLatest() {
+            try {
+                const res =  await this.getBaseTendermintBlockLatest()
+                const height = this.chain.items.findIndex(x => x.subtitle === 'height')
+                this.chain.title = `Chain ID: ${res.block.header.chain_id}`
+                this.chain.items[height].value = res.block.header.height
+                console.log(this.chain.items[height].value, 999)
+                // if (timeIn(res.block.header.time, 3, 'm')) {
+                //   this.syncing = true
+                // } else {
+                //   this.syncing = false
+                // }
+                // this.latestTime = toDay(res.block.header.time, 'long')
+                this.latestTime = res.block.header.time
+            } catch (error) {
+                console.warn(error)
+            }
+        },
+        async handleStakingParams() {
+            console.log('handleStakingParams', 99999)
+            try {
+                const res = await this.getStakingParams()
+                this.staking.items = Object.entries(res.params).map(([key, value]) => ({ subtitle:key,
+                    value: value }))
+                console.log(res, 9999, this.staking.items)
+            } catch (error) {
+                
+            }
+        },
+        // normalize(data: {}, title:string) {
+        //     if (!data) return null
+        //     const items = this.makeItems(data)
+        //     return {
+        //       title,
+        //       items,
+        //     }
+        //   },
+        //   makeItems(data) {
+        //     return Object.keys(data).map(k => {
+        //       if (isToken(data[k])) {
+        //         return { title: tokenFormatter(data[k]), subtitle: k }
+        //       }
+        //       if (typeof data[k] === 'boolean') {
+        //         return { title: data[k], subtitle: k }
+        //       }
+        //       return { title: this.convert(data[k]), subtitle: k }
+        //     })
+        //   },
+        async getBaseTendermintBlockLatest() {
+            return await this.blockchain.rpc.getBaseBlockLatest()
+        },
+        async getStakingParams() {
+            return await this.blockchain.rpc.getStakingParams()
+        },
+        async getStakingPool(){
+            return await this.blockchain.rpc.getStakingPool()
+        },
+        async getBankTotal(denom: string){
+            // return
+        }
+    }
+
+
+
+
+})