Update

src/components/account/charts/ChartAssets.vue

@@ -63,7 +63,7 @@
 <script setup>
     import { onBeforeMount, computed, reactive, ref, watch } from 'vue'
     import { useGlobalStore } from '@/stores'
-    import { currencyСonversion, formatTokenAmount } from '@/utils'
+    import { currencyСonversion } from '@/utils'
 
     import { Chart as ChartJS, ArcElement } from 'chart.js'
     import { Doughnut } from 'vue-chartjs'

src/components/modal/ValidatorModal.vue

@@ -99,7 +99,11 @@
 
                             <div class="val">
                                 <span>
-                                    {{ new Number($filters.toFixed(formatTokenAmount(store.validatorInfo.self_bonded.amount, store.networks[store.validatorInfo.network].token_name), 0)).toLocaleString('en-US') }}
+                                    {{ new Number($filters.toFixed(formatTokenAmount(store.validatorInfo.self_bonded.amount, store.networks[store.validatorInfo.network].token_name, true), 0)).toLocaleString('en-US') }}
+
+                                    <template v-if="store.validatorInfo.network == 'bostrom'">
+                                        {{ formatTokenName(store.networks[store.validatorInfo.network].token_name, true) }}
+                                    </template>
                                 </span>
                                 /
                                 <span>{{ $filters.toFixed(formatTokenAmount(store.validatorInfo.self_bonded.amount, store.networks[store.validatorInfo.network].token_name) / store.validatorInfo.voting_power * 100, 2) }}%</span>
@@ -112,7 +116,7 @@
                             </div>
 
                             <div class="val">
-                                {{ new Number($filters.toFixed(store.validatorInfo.voting_power, 0)).toLocaleString('en-US') }}
+                                {{ new Number($filters.toFixed(formatTokenAmount(store.validatorInfo.voting_power, store.networks[store.validatorInfo.network].token_name), 2)).toLocaleString('en-US') }} {{ formatTokenName(store.networks[store.validatorInfo.network].token_name) }}
                             </div>
                         </div>
 
@@ -139,7 +143,7 @@
 <script setup>
     import { inject, onBeforeMount, ref } from 'vue'
     import { useGlobalStore } from '@/stores'
-    import { formatTokenAmount } from '@/utils'
+    import { formatTokenAmount, formatTokenName } from '@/utils'
 
 
     const store = useGlobalStore(),

src/stores/index.js

@@ -82,12 +82,16 @@ export const useGlobalStore = defineStore('global', {
             {
                 tokenName: 'BOOT',
                 formatTokenName: 'MBOOT',
-                exponent: 6
+                formatTokenNameG: 'GBOOT',
+                exponent: 6,
+                exponentG: 9
             },
             {
                 tokenName: 'HYDROGEN',
                 formatTokenName: 'MHYDROGEN',
-                exponent: 6
+                formatTokenName: 'GHYDROGEN',
+                exponent: 6,
+                exponentG: 9
             }
         ],
 

src/utils/index.js

@@ -168,6 +168,22 @@ export const sendTx = async ({ txRaw, client }) => {
 
 
 
+// Formating token name
+export const formatTokenName = (tokenName, giga = false) => {
+    let store = useGlobalStore(),
+        newTokenName = ''
+
+    if (store.formatableTokens.find(el => el.tokenName == tokenName)) {
+        giga
+            ? newTokenName = store.formatableTokens.find(el => el.tokenName == tokenName).formatTokenNameG
+            : newTokenName = store.formatableTokens.find(el => el.tokenName == tokenName).formatTokenName
+    }
+
+    return newTokenName.length ? newTokenName : tokenName
+}
+
+
+
 // Currency conversion
 export const currencyСonversion = (amount, currency) => {
     let store = useGlobalStore(),
@@ -188,27 +204,21 @@ export const currencyСonversion = (amount, currency) => {
 }
 
 
-
-// Formating token name
-export const formatTokenName = (tokenName) => {
-    let store = useGlobalStore(),
-        newTokenName = ''
-
-    newTokenName = store.formatableTokens.find(el => el.tokenName == tokenName)
-
-    return newTokenName ? newTokenName.formatTokenName : tokenName
-}
-
-
 // Formating token amount
-export const formatTokenAmount = (amount, tokenName) => {
+export const formatTokenAmount = (amount, tokenName, giga = false) => {
     let store = useGlobalStore(),
         formatAmount = 0,
         formatableToken = store.formatableTokens.find(el => el.tokenName == tokenName)
 
-    formatableToken
-        ? formatAmount = amount / Math.pow(10, formatableToken.exponent)
-        : formatAmount = amount / Math.pow(10, store.prices.find(el => el.symbol == tokenName).exponent)
+    if (giga) {
+        formatableToken
+            ? formatAmount = amount / Math.pow(10, formatableToken.exponentG)
+            : formatAmount = amount / Math.pow(10, store.prices.find(el => el.symbol == tokenName).exponent)
+    } else {
+        formatableToken
+            ? formatAmount = amount / Math.pow(10, formatableToken.exponent)
+            : formatAmount = amount / Math.pow(10, store.prices.find(el => el.symbol == tokenName).exponent)
+    }
 
     return formatAmount
 }

src/views/Proposal.vue

@@ -181,7 +181,7 @@
         activeTab.value = tab
 
         // Set params to URL
-        urlParams.tab = value
+        urlParams.tab = tab
     }