improve navigation and rewards

src/@core/layouts/layout-vertical/components/vertical-nav-menu/VerticalNavMenu.vue

@@ -72,7 +72,7 @@
       @ps-scroll-y="evt => { shallShadowBottom = evt.srcElement.scrollTop > 0 }"
     >
       <vertical-nav-menu-items
-        :items="navMenuItems"
+        :items.sync="leftMenu"
         class="navigation navigation-main"
       />
     </vue-perfect-scrollbar>
@@ -154,6 +154,16 @@ export default {
       appLogoImage,
     }
   },
+  computed: {
+    leftMenu() {
+      const preload = []
+      const { selected } = this.$store.state.chains
+      const current = navMenuItems.find(x => (x.title === selected.chain_name))
+      preload.push({ header: 'current' })
+      preload.push(current)
+      return preload.concat(navMenuItems.filter(x => x.title !== selected.chain_name))
+    },
+  },
 }
 </script>
 

src/navigation/vertical/index.js

@@ -42,11 +42,6 @@ const modules = [
 
 function processMenu() {
   const chainMenus = [
-    // {
-    //   title: 'Home',
-    //   route: 'home',
-    //   icon: 'HomeIcon',
-    // },
     {
       header: 'blockchains',
     },

src/views/StakingRewardComponent.vue

@@ -28,6 +28,8 @@
               rounded
               size="42"
               variant="light-success"
+              text="R"
+              title="Rewards"
             />
           </b-media-aside>
           <b-media-body>
@@ -54,12 +56,9 @@
               rounded
               size="42"
               variant="light-primary"
-            >
+              text="C"
-              <feather-icon
+              title="Commission"
-                size="18"
+            />
-                icon="ServerIcon"
-              />
-            </b-avatar>
           </b-media-aside>
           <b-media-body>
             <h6 class="transaction-title">