Merge pull request #131 from vue-polkadot/dev-fix

Author: yangwao

dashboard/justfile

@@ -0,0 +1,2 @@
+upgrade:
+  yarn add @polkadot/types @polkadot/ui-keyring @polkadot/ui-settings @polkadot/util @polkadot/util-crypto @polkadot/vue-identicon  

dashboard/package.json

@@ -14,14 +14,14 @@
     "@fortawesome/free-brands-svg-icons": "^5.12.1",
     "@fortawesome/free-solid-svg-icons": "^5.12.1",
     "@fortawesome/vue-fontawesome": "^0.1.9",
-    "@polkadot/types": "^1.23.1",
-    "@polkadot/ui-keyring": "^0.55.1",
-    "@polkadot/ui-settings": "^0.55.1",
-    "@polkadot/util": "^2.17.1",
-    "@polkadot/util-crypto": "^2.17.1",
-    "@polkadot/vue-identicon": "^0.51.1",
+    "@polkadot/types": "^1.33.1",
+    "@polkadot/ui-keyring": "^0.58.1",
+    "@polkadot/ui-settings": "^0.58.1",
+    "@polkadot/util": "^3.4.1",
+    "@polkadot/util-crypto": "^3.4.1",
+    "@polkadot/vue-identicon": "^0.58.1",
     "@types/file-saver": "^2.0.1",
-    "@vue-polkadot/vue-api": "^0.0.22",
+    "@vue-polkadot/vue-api": "^0.0.23",
     "@vue-polkadot/vue-identicon": "^0.0.8",
     "@vue-polkadot/vue-settings": "0.0.12-beta.1",
     "buefy": "^0.9.2",

dashboard/src/components/staking/Payouts/PayoutBanner.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <b-tabs type="is-toggle" class="payout-banner__tabs" :value="value" @input="updateSelectedEra">
-      <b-tab-item v-for="era in availableEras" :key="era.value" :label="era.text" />
+    <b-tabs type="is-toggle" class="payout-banner__tabs" @input="updateSelectedEra">
+      <b-tab-item v-for="(era, index) in availableEras" :key="index" :label="era.text" />
     </b-tabs>
     <!-- <b-button disabled type="is-primary is-light">Payout All</b-button> -->
   </div>
@@ -18,6 +18,8 @@ export default class PayoutBanner extends Vue {
 
   @Emit('input')
   updateSelectedEra(selectedEra: number) {
+    console.log(selectedEra);
+    
     return selectedEra;
   }
 }

dashboard/src/components/staking/Payouts/Payouts.vue

@@ -62,7 +62,7 @@ export default class Payouts extends Vue {
   }
 
   public eraAt(index: number): number {
-    return this.eraSelection[index].value
+    return this.eraSelection[index]?.value
   }
 
   get hasOwnValidators(): boolean {

dashboard/src/components/storage/Storage.vue

@@ -13,7 +13,7 @@
       />
       <b-button class="chainstate-button" type="is-dark" icon-left="plus" @click="handleClick" :disabled="disabled"  />
     </div>
-    <!-- <Argurments v-if="params.length" :args="params" @selected="handleSelectedArguments" /> -->
+    <Argurments v-if="params.length" :args="params" @selected="handleSelectedArguments" />
   </div>
 </template>
 
@@ -50,7 +50,7 @@ export default class Storage extends Mixins(ExtrinsicMixin) {
     console.log(params);
     
   
-    this.setArgs(params.map(({type}) =>  ({ ...type, name: '' })))
+    this.setArgs(params.map(({type}, index) =>  ({ ...type, name: index })))
     console.log(this.mapArgs());
     
   }
@@ -71,19 +71,21 @@ export default class Storage extends Mixins(ExtrinsicMixin) {
 
   private handleType(storageEntryPromise: StorageEntryPromise): string {
     const { type } = storageEntryPromise.creator.meta;
-    const { isPlain, isMap, isDoubleMap } = type;  
+    const { isPlain, isMap, isDoubleMap } = type;
 
     if (isPlain) {
       return type.asPlain.toString();
     }
 
     if (isMap) {
-      return type.asMap.key.toString()
+      return ''
+      // return type.asMap.key.toString()
     }
 
     // TODO: not so correct
     if (isDoubleMap) {
-      return type.asDoubleMap.key1.toString()
+      return ''
+      // return type.asDoubleMap.key1.toString()
     }
 
     return ''

dashboard/src/router/staking.ts

@@ -63,7 +63,7 @@ export default [
     children: [
       {
         path: '',
-        name: 'waiting',
+        name: 'payouts',
         component: Payouts
       }
     ]