Fix the home delegation data

BitCannaGlobal · Jan 17, 2024 · 8531748 · 8531748
1 parent 67e7591
commit 8531748
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 25 deletions.
diff --git a/components/DelegateHomeModal.vue b/components/DelegateHomeModal.vue
@@ -5,7 +5,7 @@
       min-width="200"
       class="mt-8 white--text"
       color="#0FB786"
-      @click="dialog = true"
+      @click="openDialog()"
     >
       <v-icon class="mr-2">
         mdi-cube-send
@@ -67,7 +67,7 @@
           > 
             <v-row>
               <v-col cols="12">
-                <span class="text-left carmenBold">Available: {{ amount }} BCNA</span>
+                <span class="text-left carmenBold">Available: {{ amountAvailable }} BCNA</span>
                 <br><br> 
                 <h3 class="mt-1 ml-1 carmenBold">
                   Amount to delegate*
@@ -335,7 +335,7 @@ function countPlaces(num) {
 export default {
   props: [
     "chainIdProps",
-    "balances",
+    "amountAvailable",
   ],
   setup() {
     const store = useAppStore()
@@ -366,15 +366,15 @@ export default {
           'valoper"',
       // v => bech32Validation(v) || 'Bad address (not bech32) ' + bech32Validation(v),
     ],
-    amount: instance.balances,
+    amount: instance.amountAvailable,
     amountFinal: "",
     amountRules: [
       (v) => !!v || "Amount is required",
       (v) => !isNaN(v) || "Amount must be number",
       (v) =>
-        v <= instance.balances ||
+        v <= instance.amountAvailable ||
         "Amount must be above delegated amount (" +
-          instance.balances +
+          instance.amountAvailable +
           ")",
       (v) => countPlaces(v) < 7 || "Bad decimal",
     ],
@@ -403,29 +403,34 @@ export default {
       }
     },
   },
-  async mounted() {
-    
-    //await this.store.getStakingModule()
-    const selectValidatorList = [];
-    for (const i of this.store.allValidators) {
-      selectValidatorList.push({
-        'name': i.name,
-        'address': i.op_address,
-      });
-    }  
-    
-    this.validatorList = selectValidatorList;
-    this.validatorListSearch = this.validatorList;
+ 
+  created() {
+ 
+
   },  
   methods: {
+    openDialog() {
+      this.dialog = true;
+      //await this.store.getStakingModule()
+      const selectValidatorList = [];
+      for (const i of this.store.allValidators) {
+        selectValidatorList.push({
+          'name': i.name,
+          'address': i.op_address,
+        });
+      }  
+      
+      this.validatorList = selectValidatorList;
+      this.validatorListSearch = this.validatorList; 
+    },
     getMax() {
-      this.amountFinal = this.amount;
+      this.amountFinal = this.amountAvailable;
     },
     getHalf() {
-      this.amountFinal = (this.amount / 2).toFixed(6);
+      this.amountFinal = (this.amountAvailable / 2).toFixed(6);
     },
     getQuarter() {
-      this.amountFinal = (this.amount / 4).toFixed(6);
+      this.amountFinal = (this.amountAvailable / 4).toFixed(6);
     },
     searchVal() {
       if (!this.searchTerm) {

diff --git a/pages/index.vue b/pages/index.vue
@@ -325,11 +325,11 @@
                         color="#0FB786"
                       >
                         Stake
-                      </v-btn> -->
+                      </v-btn> --> 
                     <DelegateHomeModal
                       v-if="store.logged"
                       :chain-id-props="cosmosConfig[store.chainSelected].coinLookup.addressPrefix"
-                      :balances="store.spendableBalances"
+                      :amount-available="store.spendableBalances"
                     />                      
                   </span>
                 </v-col>
@@ -509,6 +509,7 @@ import axios from "axios"
 import dayjs from "dayjs"
 import QRCodeVue3 from "qrcode-vue3"
 import useClipboard from '~/composables/useClipboard'
+ 
 import { reverse, sortBy, orderBy, uniqWith, groupBy } from "lodash"
 
 
@@ -533,7 +534,7 @@ const categories = [
 
 export default {
   components: {
-    QRCodeVue3
+    QRCodeVue3 
   },
   layout: "blog",
   setup() {

diff --git a/stores/data.js b/stores/data.js
@@ -48,6 +48,7 @@ export const useAppStore = defineStore('app', {
     validatorDelegations: '',
     validatorUnDelegations: '',
     myAddressBook: [],
+    dataLoaded: false,
   }),
   actions: {
     async refresh() {
@@ -64,6 +65,7 @@ export const useAppStore = defineStore('app', {
       await this.getGovModule()
       await this.getDelegations()
       await this.getAddressBook()
+      this.dataLoaded = true
     },
     setChainId(chainId) {
       this.chainSelected = chainId