From 9a4f174a7c85d7e4f78088ce4cb79cba7749082c Mon Sep 17 00:00:00 2001
From: Peng Zhong <172531+nylira@users.noreply.github.com>
Date: Tue, 10 Apr 2018 14:42:19 +0200
Subject: [PATCH 1/5] convert old tooltip to new tooltips

---
 .../renderer/components/common/NiToolBar.vue  | 46 ++----------
 .../components/govern/PageProposals.vue       |  6 +-
 .../components/govern/PageProposalsNew.vue    |  3 +-
 .../govern/PageProposalsNewAdjust.vue         |  3 +-
 .../govern/PageProposalsNewAmend.vue          |  3 +-
 .../govern/PageProposalsNewCreate.vue         |  3 +-
 .../govern/PageProposalsNewText.vue           |  3 +-
 .../govern/PageProposalsNewUpgrade.vue        |  3 +-
 .../renderer/components/monitor/PageBlock.vue |  8 +--
 .../components/monitor/PageBlocks.vue         |  3 +-
 .../components/staking/PageDelegate.vue       |  3 +-
 .../components/staking/PageStaking.vue        |  6 +-
 .../components/wallet/PageTransactions.vue    |  3 +-
 .../renderer/components/wallet/PageWallet.vue |  6 +-
 app/src/renderer/main.js                      |  4 +-
 .../styles/vendor/vue-directive-tooltip.styl  | 72 +++++++++++++++++++
 archive/components/PageDelegatePower.vue      |  3 +-
 archive/components/PageDelegateProposals.vue  |  6 +-
 archive/components/PageDelegateSlashes.vue    |  6 +-
 archive/components/PageDelegateVotes.vue      |  6 +-
 package.json                                  | 42 ++++++-----
 yarn.lock                                     | 10 +++
 22 files changed, 140 insertions(+), 108 deletions(-)
 create mode 100644 app/src/renderer/styles/vendor/vue-directive-tooltip.styl

diff --git a/app/src/renderer/components/common/NiToolBar.vue b/app/src/renderer/components/common/NiToolBar.vue
index 67ae92fee0..eb9980964b 100644
--- a/app/src/renderer/components/common/NiToolBar.vue
+++ b/app/src/renderer/components/common/NiToolBar.vue
@@ -2,15 +2,12 @@
 .ni-tool-bar
   .ni-tool-bar-container
     .main: slot
-    a.back(@click="$router.go(-1)")
+    a.back(@click="$router.go(-1)" v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
-    a.help(@click="enableModalHelp")
+    a.help(@click="enableModalHelp" v-tooltip.bottom="'Help'")
       i.material-icons help_outline
-      .label Help
-    a.sign-out(@click="signOut")
+    a.sign-out(@click="signOut"  v-tooltip.bottom.end="'Sign Out'")
       i.material-icons exit_to_app
-      .label Sign Out
 </template>
 
 <script>
@@ -54,45 +51,12 @@ export default {
     justify-content center
     position relative
 
-    i, .label
+    i
       color var(--txt)
 
     i
       font-size lg
 
-    .label
-      position absolute
-      top 3rem
-      right 0
-
-      background var(--bc)
-      border-radius 0.25rem
-
-      line-height 2.5rem
-
-      padding 0 0.75rem
-
-      color var(--txt)
-      z-index z(modal)
-
-      white-space nowrap
-
-      display none
-      &:before
-        position absolute
-        top -0.375rem
-        right 1.125rem
-
-        // arrow
-        width 0
-        height 0
-        border-left 0.375rem solid transparent
-        border-right 0.375rem solid transparent
-        border-bottom 0.375rem solid var(--bc)
-
-        display block
-        content ''
-
     &.router-link-active
       i
         color var(--bright)
@@ -101,8 +65,6 @@ export default {
       background var(--app-fg)
       i
         color var(--bright)
-      .label
-        display block
 
     &[disabled]
       cursor default
diff --git a/app/src/renderer/components/govern/PageProposals.vue b/app/src/renderer/components/govern/PageProposals.vue
index efd486817a..75784a4fb8 100644
--- a/app/src/renderer/components/govern/PageProposals.vue
+++ b/app/src/renderer/components/govern/PageProposals.vue
@@ -1,12 +1,10 @@
 <template lang="pug">
 page(title='Proposals')
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'New Proposal'")
       i.material-icons add
-      .label New Proposal
-    a(@click='setSearch(true)')
+    a(@click='setSearch(true)' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
   modal-search(type="proposals")
 
   data-loading(v-if="proposals.loading")
diff --git a/app/src/renderer/components/govern/PageProposalsNew.vue b/app/src/renderer/components/govern/PageProposalsNew.vue
index 09223a693a..4706bd36a5 100644
--- a/app/src/renderer/components/govern/PageProposalsNew.vue
+++ b/app/src/renderer/components/govern/PageProposalsNew.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title='New Proposal')
   div(slot="menu"): tool-bar
-    router-link(to="/proposals" exact)
+    router-link(to="/proposals" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   part(title='Choose a Type')
     list-item(title='Adjust Parameters' to="/proposals/new/adjust")
     list-item(title='Amend Constitution' to="/proposals/new/amend")
diff --git a/app/src/renderer/components/govern/PageProposalsNewAdjust.vue b/app/src/renderer/components/govern/PageProposalsNewAdjust.vue
index 9379ca4c93..bd55c07d2c 100644
--- a/app/src/renderer/components/govern/PageProposalsNewAdjust.vue
+++ b/app/src/renderer/components/govern/PageProposalsNewAdjust.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title="Proposal: Adjust Parameters")
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   form-struct(:submit="onSubmit")
     form-group(:error="$v.fields.title.$error"
       field-id='proposal-title' field-label='Proposal Title')
diff --git a/app/src/renderer/components/govern/PageProposalsNewAmend.vue b/app/src/renderer/components/govern/PageProposalsNewAmend.vue
index 057985b894..27faf479dd 100644
--- a/app/src/renderer/components/govern/PageProposalsNewAmend.vue
+++ b/app/src/renderer/components/govern/PageProposalsNewAmend.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title="Proposal: Amend Constitution")
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   form-struct(:submit="onSubmit")
     form-group(:error="$v.fields.title.$error"
       field-id='proposal-title' field-label='Proposal Title')
diff --git a/app/src/renderer/components/govern/PageProposalsNewCreate.vue b/app/src/renderer/components/govern/PageProposalsNewCreate.vue
index c989d62408..c69ca7786c 100644
--- a/app/src/renderer/components/govern/PageProposalsNewCreate.vue
+++ b/app/src/renderer/components/govern/PageProposalsNewCreate.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title="Proposal: Create Atoms")
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   form-struct(:submit="onSubmit")
     form-group(:error="$v.fields.title.$error"
       field-id='proposal-title' field-label='Proposal Title')
diff --git a/app/src/renderer/components/govern/PageProposalsNewText.vue b/app/src/renderer/components/govern/PageProposalsNewText.vue
index c7327a8e70..459cbc655d 100644
--- a/app/src/renderer/components/govern/PageProposalsNewText.vue
+++ b/app/src/renderer/components/govern/PageProposalsNewText.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title="Proposal: Freeform Text")
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   form-struct(:submit="onSubmit")
     form-group(:error="$v.fields.title.$error"
       field-id='proposal-title' field-label='Proposal Title')
diff --git a/app/src/renderer/components/govern/PageProposalsNewUpgrade.vue b/app/src/renderer/components/govern/PageProposalsNewUpgrade.vue
index 3b06a30278..9dbbdd72fe 100644
--- a/app/src/renderer/components/govern/PageProposalsNewUpgrade.vue
+++ b/app/src/renderer/components/govern/PageProposalsNewUpgrade.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title="Proposal: Upgrade Code")
   div(slot="menu"): tool-bar
-    router-link(to="/proposals/new" exact)
+    router-link(to="/proposals/new" exact v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
   form-struct(:submit="onSubmit")
     form-group(:error="$v.fields.title.$error"
       field-id='proposal-title' field-label='Proposal Title')
diff --git a/app/src/renderer/components/monitor/PageBlock.vue b/app/src/renderer/components/monitor/PageBlock.vue
index d76daa8339..14565601c4 100644
--- a/app/src/renderer/components/monitor/PageBlock.vue
+++ b/app/src/renderer/components/monitor/PageBlock.vue
@@ -4,12 +4,12 @@ page(:title="pageBlockTitle")
   data-empty(v-else-if="!block.header")
   template(v-else)
     div(slot="menu"): tool-bar
-      router-link(:to="{ name: 'block', params: { block: block.header.height - 1 }}")
+      router-link(:to="{ name: 'block', params: { block: block.header.height - 1 }}"
+        v-tooltip.bottom="'Older Block'")
         i.material-icons chevron_left
-        .label Previous Block
-      router-link(:to="{ name: 'block', params: { block: block.header.height + 1 }}")
+      router-link(:to="{ name: 'block', params: { block: block.header.height + 1 }}"
+        v-tooltip.bottom="'Newer Block'")
         i.material-icons chevron_right
-        .label Next Block
 
     part(title='')
       list-item(dt="Block Hash" :dd="blockMeta.block_id.hash")
diff --git a/app/src/renderer/components/monitor/PageBlocks.vue b/app/src/renderer/components/monitor/PageBlocks.vue
index 79b2d4643e..33642b3846 100644
--- a/app/src/renderer/components/monitor/PageBlocks.vue
+++ b/app/src/renderer/components/monitor/PageBlocks.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title='Block Explorer')
   div(slot="menu"): tool-bar
-    a(@click='setSearch(true)')
+    a(@click='setSearch(true)' v-tooltip.bottom="'Search Block'")
       i.material-icons search
-      .label Search
 
   modal-search(type="blocks")
 
diff --git a/app/src/renderer/components/staking/PageDelegate.vue b/app/src/renderer/components/staking/PageDelegate.vue
index 033039dc28..64a631b5b5 100644
--- a/app/src/renderer/components/staking/PageDelegate.vue
+++ b/app/src/renderer/components/staking/PageDelegate.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(:title="delegateType + ' Profile'")
   div(slot="menu"): tool-bar
-    router-link(to='/staking')
+    router-link(to='/staking' v-tooltip.bottom="'Back'")
       i.material-icons arrow_back
-      .label Back
 
   part(:title="delegateType + ' Info'")
     list-item(dt='Moniker' :dd='delegate.moniker')
diff --git a/app/src/renderer/components/staking/PageStaking.vue b/app/src/renderer/components/staking/PageStaking.vue
index 5508a90900..aae0f25d01 100644
--- a/app/src/renderer/components/staking/PageStaking.vue
+++ b/app/src/renderer/components/staking/PageStaking.vue
@@ -1,12 +1,10 @@
 <template lang="pug">
 page(title='Staking')
   div(slot="menu"): tool-bar
-    a(@click='setSearch(true)')
+    a(@click='setSearch(true)' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
-    a(@click='updateDelegates(address)')
+    a(@click='updateDelegates(address)' v-tooltip.bottom="'Refresh'")
       i.material-icons refresh
-      .label Refresh
 
   modal-search(type="delegates")
 
diff --git a/app/src/renderer/components/wallet/PageTransactions.vue b/app/src/renderer/components/wallet/PageTransactions.vue
index 260b231ae3..c7b1597de6 100644
--- a/app/src/renderer/components/wallet/PageTransactions.vue
+++ b/app/src/renderer/components/wallet/PageTransactions.vue
@@ -1,9 +1,8 @@
 <template lang="pug">
 page(title='Transactions')
   div(slot="menu"): tool-bar
-    a(@click='setSearch(true)')
+    a(@click='setSearch(true)' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
 
   modal-search(type="transactions")
 
diff --git a/app/src/renderer/components/wallet/PageWallet.vue b/app/src/renderer/components/wallet/PageWallet.vue
index 2489fb8160..11a31afac8 100644
--- a/app/src/renderer/components/wallet/PageWallet.vue
+++ b/app/src/renderer/components/wallet/PageWallet.vue
@@ -1,12 +1,10 @@
 <template lang="pug">
 page(title='Wallet')
   div(slot="menu"): tool-bar
-    a(@click='updateBalances()')
+    a(@click='updateBalances()' v-tooltip.bottom="'Refresh'")
       i.material-icons refresh
-      .label Refresh
-    a(@click='setSearch(true)')
+    a(@click='setSearch(true)' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
 
   modal-search(type="balances")
 
diff --git a/app/src/renderer/main.js b/app/src/renderer/main.js
index 00704b9bb3..d0cb8ae1c0 100644
--- a/app/src/renderer/main.js
+++ b/app/src/renderer/main.js
@@ -2,6 +2,7 @@ import Vue from "vue"
 import Electron from "vue-electron"
 import Resource from "vue-resource"
 import Router from "vue-router"
+import Tooltip from "vue-directive-tooltip"
 import Vuelidate from "vuelidate"
 import shrinkStacktrace from "../helpers/shrink-stacktrace.js"
 import Raven from "raven-js"
@@ -34,12 +35,13 @@ Vue.config.errorHandler = (error, vm, info) => {
 Vue.use(Electron)
 Vue.use(Resource)
 Vue.use(Router)
+Vue.use(Tooltip)
 Vue.use(Vuelidate)
 
 async function main() {
   let lcdPort = getQueryParameter("lcd_port")
   console.log("Expecting lcd-server on port:", lcdPort)
-  const node = Node(lcdPort)
+  const node = Node(lcdPort, true)
 
   const router = new Router({
     scrollBehavior: () => ({ y: 0 }),
diff --git a/app/src/renderer/styles/vendor/vue-directive-tooltip.styl b/app/src/renderer/styles/vendor/vue-directive-tooltip.styl
new file mode 100644
index 0000000000..0108e342db
--- /dev/null
+++ b/app/src/renderer/styles/vendor/vue-directive-tooltip.styl
@@ -0,0 +1,72 @@
+.vue-tooltip
+  df()
+  background var(--bc)
+  box-sizing border-box
+  color var(--txt)
+  max-width 20rem
+  padding 0.5rem 0.75rem
+  border-radius 0.25rem
+  z-index z(modal)
+
+.vue-tooltip .vue-tooltip-content
+  text-align center
+
+.vue-tooltip .tooltip-arrow
+  content ""
+  width 0
+  height 0
+  border-style solid
+  position absolute
+  margin 0.375rem
+
+.vue-tooltip[x-placement^="top"]
+  margin-bottom 0.375rem
+
+.vue-tooltip[x-placement^="top"] .tooltip-arrow
+  border-width 0.375rem 0.375rem 0 0.375rem
+  border-top-color var(--bc)
+  border-bottom-color transparent !important
+  border-left-color transparent !important
+  border-right-color transparent !important
+  bottom -0.375rem
+  margin-top 0
+  margin-bottom 0
+
+.vue-tooltip[x-placement^="bottom"]
+  margin-top 0.375rem
+
+.vue-tooltip[x-placement^="bottom"] .tooltip-arrow
+  border-width 0 0.375rem 0.375rem 0.375rem
+  border-bottom-color var(--bc)
+  border-top-color transparent !important
+  border-left-color transparent !important
+  border-right-color transparent !important
+  top -0.375rem
+  margin-top 0
+  margin-bottom 0
+
+.vue-tooltip[x-placement^="right"]
+  margin-left 0.375rem
+
+.vue-tooltip[x-placement^="right"] .tooltip-arrow
+  border-width 0.375rem 0.375rem 0.375rem 0
+  border-right-color var(--bc)
+  border-top-color transparent !important
+  border-left-color transparent !important
+  border-bottom-color transparent !important
+  left -0.375rem
+  margin-left 0
+  margin-right 0
+
+.vue-tooltip[x-placement^="left"]
+  margin-right 0.375rem
+
+.vue-tooltip[x-placement^="left"] .tooltip-arrow
+  border-width 0.375rem 0 0.375rem 0.375rem
+  border-left-color var(--bc)
+  border-top-color transparent !important
+  border-right-color transparent !important
+  border-bottom-color transparent !important
+  right -0.375rem
+  margin-left 0
+  margin-right 0
diff --git a/archive/components/PageDelegatePower.vue b/archive/components/PageDelegatePower.vue
index 26fe3898e7..a0e437b9c4 100644
--- a/archive/components/PageDelegatePower.vue
+++ b/archive/components/PageDelegatePower.vue
@@ -1,10 +1,9 @@
 <template lang="pug">
 page(icon="storage" :title="`${delegateId} Vote Power`")
   div(slot="menu"): tool-bar
-    router-link(
+    router-link(v-tooltip.bottom="'Back'"
       :to="{ name: 'delegate', params: { delegate: $route.params.delegate }}")
       i.material-icons arrow_back
-      .label Back
 
   part(title='Vote Power (Millions of ATOMs) / Time')
     chart-vote-power(:votes="chartData")
diff --git a/archive/components/PageDelegateProposals.vue b/archive/components/PageDelegateProposals.vue
index d8609f7b83..4ab2fa24a4 100644
--- a/archive/components/PageDelegateProposals.vue
+++ b/archive/components/PageDelegateProposals.vue
@@ -1,13 +1,11 @@
 <template lang="pug">
 page(icon="storage" :title="`${delegateId} Proposals`")
   div(slot="menu"): tool-bar
-    router-link(
+    router-link(v-tooltip.bottom="'Back'"
       :to="{ name: 'delegate', params: { delegate: $route.params.delegate }}")
       i.material-icons arrow_back
-      .label Back
-    a(@click='toggleSearch')
+    a(@click='toggleSearch' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
 
   part(title='Current Proposals')
     list-item(title="Title of the proposal here" subtitle="Live now" to="/proposal")
diff --git a/archive/components/PageDelegateSlashes.vue b/archive/components/PageDelegateSlashes.vue
index 000fc29f2d..6e341d9e5b 100644
--- a/archive/components/PageDelegateSlashes.vue
+++ b/archive/components/PageDelegateSlashes.vue
@@ -1,13 +1,11 @@
 <template lang="pug">
 page(icon="storage" :title="`${delegateId} Slashes`")
   div(slot="menu"): tool-bar
-    router-link(
+    router-link(v-tooltip.bottom="'Back'"
       :to="{ name: 'delegate', params: { delegate: $route.params.delegate }}")
       i.material-icons arrow_back
-      .label Back
-    a(@click='toggleSearch')
+    a(@click='toggleSearch' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
 
   part(title='Statistics')
     list-item(dt="Slashes" dd="7")
diff --git a/archive/components/PageDelegateVotes.vue b/archive/components/PageDelegateVotes.vue
index 49a03addf3..697b4c8cc2 100644
--- a/archive/components/PageDelegateVotes.vue
+++ b/archive/components/PageDelegateVotes.vue
@@ -1,13 +1,11 @@
 <template lang="pug">
 page(icon="storage" :title="delegate.description.moniker" subtitle="Votes")
   div(slot="menu"): tool-bar
-    router-link(
+    router-link(v-tooltip.bottom="'Back'"
       :to="{ name: 'delegate', params: { delegate: $route.params.delegate }}")
       i.material-icons arrow_back
-      .label Back
-    a(@click='toggleSearch')
+    a(@click='toggleSearch' v-tooltip.bottom="'Search'")
       i.material-icons search
-      .label Search
 
   part(title='Vote Statistics')
     list-item(dt="Voted Yes:" dd="27%")
diff --git a/package.json b/package.json
index d02d91b3d8..ca340ded79 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,7 @@
   "name": "cosmos-voyager",
   "productName": "Cosmos Voyager",
   "version": "0.4.3",
-  "description":
-    "Voyager is an electron-based user interface for the Cosmos Network.",
+  "description": "Voyager is an electron-based user interface for the Cosmos Network.",
   "author": "All In Bits, Inc <hello@tendermint.com>",
   "license": "Apache-2.0",
   "homepage": "https://cosmos.network",
@@ -19,20 +18,15 @@
     "local": "yarn run testnet local",
     "testnet": "node tasks/testnet.js",
     "lint": "yarn lint:eslint && yarn lint:format",
-    "lint:eslint":
-      "eslint -f ./node_modules/eslint-friendly-formatter {,**/}*.{js,vue}",
+    "lint:eslint": "eslint -f ./node_modules/eslint-friendly-formatter {,**/}*.{js,vue}",
     "lint:format": "prettier --list-different {,**/}*.{css,js,json,md,vue}",
     "lint:fix": "prettier --write {,**/}*.{css,js,json,md,vue}",
     "pack": "yarn run pack:main && yarn run pack:renderer",
-    "pack:main":
-      "cross-env NODE_ENV=production webpack --colors --config webpack.main.config.js",
-    "pack:renderer":
-      "cross-env NODE_ENV=production webpack --colors --config webpack.renderer.config.js",
+    "pack:main": "cross-env NODE_ENV=production webpack --colors --config webpack.main.config.js",
+    "pack:renderer": "cross-env NODE_ENV=production webpack --colors --config webpack.renderer.config.js",
     "test": "yarn run lint && yarn test:unit && yarn test:e2e",
-    "test:unit":
-      "cross-env LOGGING=false MOCK=false ANALYTICS=false NODE_ENV=testing jest --maxWorkers=2",
-    "test:e2e":
-      "cross-env ANALYTICS=false yarn run pack && tape \"test/e2e/*.js\"",
+    "test:unit": "cross-env LOGGING=false MOCK=false ANALYTICS=false NODE_ENV=testing jest --maxWorkers=2",
+    "test:e2e": "cross-env ANALYTICS=false yarn run pack && tape \"test/e2e/*.js\"",
     "test:exe": "node tasks/test-build.js",
     "test:coverage": "http-server test/unit/coverage/lcov-report"
   },
@@ -136,6 +130,7 @@
     "toml": "2.3.3",
     "user-home": "2.0.0",
     "vue": "2.5.13",
+    "vue-directive-tooltip": "1.4.5",
     "vue-electron": "1.0.6",
     "vue-resource": "1.3.5",
     "vue-router": "3.0.1",
@@ -143,9 +138,18 @@
     "vuex": "3.0.1"
   },
   "jest": {
-    "testMatch": ["**/unit/specs/**/*spec.js"],
-    "moduleFileExtensions": ["js", "vue"],
-    "moduleDirectories": ["app/node_modules", "node_modules", "src"],
+    "testMatch": [
+      "**/unit/specs/**/*spec.js"
+    ],
+    "moduleFileExtensions": [
+      "js",
+      "vue"
+    ],
+    "moduleDirectories": [
+      "app/node_modules",
+      "node_modules",
+      "src"
+    ],
     "moduleNameMapper": {
       "^src/(.*)$": "<rootDir>/app/src/$1",
       "^app/(.*)$": "<rootDir>/app/$1",
@@ -162,11 +166,15 @@
       ".*.vue$": "jest-vue-preprocessor",
       ".*.js$": "babel-jest"
     },
-    "transformIgnorePatterns": ["node_modules/(?!.*vue$)"],
+    "transformIgnorePatterns": [
+      "node_modules/(?!.*vue$)"
+    ],
     "collectCoverage": true,
     "mapCoverage": true,
     "coverageDirectory": "./test/unit/coverage",
-    "coverageReporters": ["lcov"],
+    "coverageReporters": [
+      "lcov"
+    ],
     "coveragePathIgnorePatterns": [
       "/node_modules/",
       "/build/",
diff --git a/yarn.lock b/yarn.lock
index c1383b7988..612a0e39b6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6102,6 +6102,10 @@ pluralize@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-7.0.0.tgz#298b89df8b93b0221dbf421ad2b1b1ea23fc6777"
 
+popper.js@1.12.5:
+  version "1.12.5"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.12.5.tgz#229e4dea01629e1f1a1e26991ffade5024220fa6"
+
 portfinder@^1.0.13, portfinder@^1.0.9:
   version "1.0.13"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.13.tgz#bb32ecd87c27104ae6ee44b5a3ccbf0ebb1aede9"
@@ -8434,6 +8438,12 @@ vue-class-component@^6.0.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-6.2.0.tgz#7adb1daa9a868c75f30f97f33f4f1b94aee62089"
 
+vue-directive-tooltip@1.4.5:
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/vue-directive-tooltip/-/vue-directive-tooltip-1.4.5.tgz#d55519132cd7d405d4e941d6bea0a0da01ef6278"
+  dependencies:
+    popper.js "1.12.5"
+
 vue-electron@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/vue-electron/-/vue-electron-1.0.6.tgz#e798e03180b8933539defe31f92e53b9242b9406"

From b303ee5ef0c8abfbc4cb3d18add10dec5a68a02d Mon Sep 17 00:00:00 2001
From: Peng Zhong <172531+nylira@users.noreply.github.com>
Date: Tue, 10 Apr 2018 14:46:02 +0200
Subject: [PATCH 2/5] add tooltips for block height and node ip

---
 app/src/renderer/components/common/NiConnectivity.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/renderer/components/common/NiConnectivity.vue b/app/src/renderer/components/common/NiConnectivity.vue
index 9cc407480f..463b740719 100644
--- a/app/src/renderer/components/common/NiConnectivity.vue
+++ b/app/src/renderer/components/common/NiConnectivity.vue
@@ -1,7 +1,7 @@
 <template lang='pug'>
 .ni-connectivity(v-if='connected')
-  list-item(icon="done" :title="blockString")
-  list-item(icon="settings_ethernet" :title="nodeIP")
+  list-item(icon="done" :title="blockString" v-tooltip.top="'Current Block Height'")
+  list-item(icon="settings_ethernet" title="nodeIP")
 .ni-connectivity(v-else)
   list-item(icon="rotate_right" spin="true" title="Connecting...")
 </template>

From baedbfe8b498d3a930a7ecd3a976e85b1d826969 Mon Sep 17 00:00:00 2001
From: Peng Zhong <172531+nylira@users.noreply.github.com>
Date: Tue, 10 Apr 2018 14:56:42 +0200
Subject: [PATCH 3/5] add tooltips to column titles

---
 app/src/renderer/components/common/NiConnectivity.vue | 6 ++++--
 app/src/renderer/components/staking/PageStaking.vue   | 8 ++++++++
 app/src/renderer/components/staking/PanelSort.vue     | 2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/src/renderer/components/common/NiConnectivity.vue b/app/src/renderer/components/common/NiConnectivity.vue
index 463b740719..1f14bf3bd7 100644
--- a/app/src/renderer/components/common/NiConnectivity.vue
+++ b/app/src/renderer/components/common/NiConnectivity.vue
@@ -1,7 +1,9 @@
 <template lang='pug'>
 .ni-connectivity(v-if='connected')
-  list-item(icon="done" :title="blockString" v-tooltip.top="'Current Block Height'")
-  list-item(icon="settings_ethernet" title="nodeIP")
+  list-item(icon="done" :title="blockString"
+    v-tooltip.top="'Current Block Height'")
+  list-item(icon="settings_ethernet" :title="nodeIP"
+    v-tooltip.top.end="'Node IP Address'")
 .ni-connectivity(v-else)
   list-item(icon="rotate_right" spin="true" title="Connecting...")
 </template>
diff --git a/app/src/renderer/components/staking/PageStaking.vue b/app/src/renderer/components/staking/PageStaking.vue
index aae0f25d01..42775a3d27 100644
--- a/app/src/renderer/components/staking/PageStaking.vue
+++ b/app/src/renderer/components/staking/PageStaking.vue
@@ -93,26 +93,34 @@ export default {
         {
           title: "Name",
           value: "small_moniker",
+          tooltip: "The unique moniker of this delegate.",
           class: "name"
         },
         {
           title: "% of Vote",
           value: "shares",
+          tooltip:
+            "The delegate controls this percentage of voting power on the network.",
           class: "percent_of_vote"
         },
         {
           title: "Total Votes",
           value: "voting_power",
+          tooltip: "The delegate stakes this many atoms on the network.",
           class: "voting_power"
         },
         {
           title: "Your Votes",
           value: "your_votes",
+          tooltip:
+            "You have personally staked this many atoms to the delegate.",
           class: "your-votes"
         },
         {
           title: "Status",
           value: "isValidator",
+          tooltip:
+            "The delegate is either a validator or a validator candidate.",
           class: "status"
         },
         {
diff --git a/app/src/renderer/components/staking/PanelSort.vue b/app/src/renderer/components/staking/PanelSort.vue
index 8d9b3ffd27..c7b24df5bc 100644
--- a/app/src/renderer/components/staking/PanelSort.vue
+++ b/app/src/renderer/components/staking/PanelSort.vue
@@ -3,7 +3,7 @@
   v-for="property in sort.properties",
   @click="orderBy(property.value, $event)",
   :class="property.class")
-  .label {{ property.title }}
+  .label(v-tooltip.top="property.tooltip") {{ property.title }}
 </template>
 
 <script>

From 87a66cd358ee3491c586777bb07a743ae365f77c Mon Sep 17 00:00:00 2001
From: Peng Zhong <172531+nylira@users.noreply.github.com>
Date: Tue, 10 Apr 2018 14:59:52 +0200
Subject: [PATCH 4/5] prettier package.json

---
 package.json | 41 +++++++++++++++++------------------------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index ca340ded79..2969ca786b 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,8 @@
   "name": "cosmos-voyager",
   "productName": "Cosmos Voyager",
   "version": "0.4.3",
-  "description": "Voyager is an electron-based user interface for the Cosmos Network.",
+  "description":
+    "Voyager is an electron-based user interface for the Cosmos Network.",
   "author": "All In Bits, Inc <hello@tendermint.com>",
   "license": "Apache-2.0",
   "homepage": "https://cosmos.network",
@@ -18,15 +19,20 @@
     "local": "yarn run testnet local",
     "testnet": "node tasks/testnet.js",
     "lint": "yarn lint:eslint && yarn lint:format",
-    "lint:eslint": "eslint -f ./node_modules/eslint-friendly-formatter {,**/}*.{js,vue}",
+    "lint:eslint":
+      "eslint -f ./node_modules/eslint-friendly-formatter {,**/}*.{js,vue}",
     "lint:format": "prettier --list-different {,**/}*.{css,js,json,md,vue}",
     "lint:fix": "prettier --write {,**/}*.{css,js,json,md,vue}",
     "pack": "yarn run pack:main && yarn run pack:renderer",
-    "pack:main": "cross-env NODE_ENV=production webpack --colors --config webpack.main.config.js",
-    "pack:renderer": "cross-env NODE_ENV=production webpack --colors --config webpack.renderer.config.js",
+    "pack:main":
+      "cross-env NODE_ENV=production webpack --colors --config webpack.main.config.js",
+    "pack:renderer":
+      "cross-env NODE_ENV=production webpack --colors --config webpack.renderer.config.js",
     "test": "yarn run lint && yarn test:unit && yarn test:e2e",
-    "test:unit": "cross-env LOGGING=false MOCK=false ANALYTICS=false NODE_ENV=testing jest --maxWorkers=2",
-    "test:e2e": "cross-env ANALYTICS=false yarn run pack && tape \"test/e2e/*.js\"",
+    "test:unit":
+      "cross-env LOGGING=false MOCK=false ANALYTICS=false NODE_ENV=testing jest --maxWorkers=2",
+    "test:e2e":
+      "cross-env ANALYTICS=false yarn run pack && tape \"test/e2e/*.js\"",
     "test:exe": "node tasks/test-build.js",
     "test:coverage": "http-server test/unit/coverage/lcov-report"
   },
@@ -138,18 +144,9 @@
     "vuex": "3.0.1"
   },
   "jest": {
-    "testMatch": [
-      "**/unit/specs/**/*spec.js"
-    ],
-    "moduleFileExtensions": [
-      "js",
-      "vue"
-    ],
-    "moduleDirectories": [
-      "app/node_modules",
-      "node_modules",
-      "src"
-    ],
+    "testMatch": ["**/unit/specs/**/*spec.js"],
+    "moduleFileExtensions": ["js", "vue"],
+    "moduleDirectories": ["app/node_modules", "node_modules", "src"],
     "moduleNameMapper": {
       "^src/(.*)$": "<rootDir>/app/src/$1",
       "^app/(.*)$": "<rootDir>/app/$1",
@@ -166,15 +163,11 @@
       ".*.vue$": "jest-vue-preprocessor",
       ".*.js$": "babel-jest"
     },
-    "transformIgnorePatterns": [
-      "node_modules/(?!.*vue$)"
-    ],
+    "transformIgnorePatterns": ["node_modules/(?!.*vue$)"],
     "collectCoverage": true,
     "mapCoverage": true,
     "coverageDirectory": "./test/unit/coverage",
-    "coverageReporters": [
-      "lcov"
-    ],
+    "coverageReporters": ["lcov"],
     "coveragePathIgnorePatterns": [
       "/node_modules/",
       "/build/",

From 32dba561d95a2f3357e206fd8280c325fbbef6ca Mon Sep 17 00:00:00 2001
From: Peng Zhong <172531+nylira@users.noreply.github.com>
Date: Tue, 10 Apr 2018 15:03:23 +0200
Subject: [PATCH 5/5] update snapshots, turn off mock server

---
 app/src/renderer/main.js                      |  2 +-
 .../__snapshots__/PageProfile.spec.js.snap    | 15 ------
 .../__snapshots__/PageBlock.spec.js.snap      | 26 ++--------
 .../__snapshots__/PageBlocks.spec.js.snap     | 22 ++------
 .../__snapshots__/PageBond.spec.js.snap       | 15 ------
 .../__snapshots__/PageDelegate.spec.js.snap   | 20 --------
 .../__snapshots__/PageStaking.spec.js.snap    | 51 ++-----------------
 .../__snapshots__/PageSend.spec.js.snap       | 30 -----------
 .../PageTransactions.spec.js.snap             | 40 ---------------
 .../__snapshots__/PageWallet.spec.js.snap     | 50 ------------------
 10 files changed, 10 insertions(+), 261 deletions(-)

diff --git a/app/src/renderer/main.js b/app/src/renderer/main.js
index d0cb8ae1c0..0905c59f50 100644
--- a/app/src/renderer/main.js
+++ b/app/src/renderer/main.js
@@ -41,7 +41,7 @@ Vue.use(Vuelidate)
 async function main() {
   let lcdPort = getQueryParameter("lcd_port")
   console.log("Expecting lcd-server on port:", lcdPort)
-  const node = Node(lcdPort, true)
+  const node = Node(lcdPort)
 
   const router = new Router({
     scrollBehavior: () => ({ y: 0 }),
diff --git a/test/unit/specs/components/common/__snapshots__/PageProfile.spec.js.snap b/test/unit/specs/components/common/__snapshots__/PageProfile.spec.js.snap
index e7ffbd1087..f1b7706b1d 100644
--- a/test/unit/specs/components/common/__snapshots__/PageProfile.spec.js.snap
+++ b/test/unit/specs/components/common/__snapshots__/PageProfile.spec.js.snap
@@ -50,11 +50,6 @@ exports[`PageProfile has the expected html structure if connected 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -64,11 +59,6 @@ exports[`PageProfile has the expected html structure if connected 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -78,11 +68,6 @@ exports[`PageProfile has the expected html structure if connected 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/monitor/__snapshots__/PageBlock.spec.js.snap b/test/unit/specs/components/monitor/__snapshots__/PageBlock.spec.js.snap
index bba37940b0..3919f26588 100644
--- a/test/unit/specs/components/monitor/__snapshots__/PageBlock.spec.js.snap
+++ b/test/unit/specs/components/monitor/__snapshots__/PageBlock.spec.js.snap
@@ -20,29 +20,9 @@ exports[`PageBlock has the expected html structure 1`] = `
             <div class=\\"ni-tool-bar\\">
                <div class=\\"ni-tool-bar-container\\">
                   <div class=\\"main\\">
-                     <a href=\\"#/blocks/9\\" class=\\"\\"><i class=\\"material-icons\\">chevron_left</i>
-                     <div class=\\"label\\">
-                        Previous Block
-                     </div>
-      </a><a href=\\"#/blocks/11\\" class=\\"\\"><i class=\\"material-icons\\">chevron_right</i>
-      <div class=\\"label\\">
-         Next Block
-      </div>
-      </a>
-   </div>
-      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i>
-      <div class=\\"label\\">
-         Back
-      </div>
-      </a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i>
-      <div class=\\"label\\">
-         Help
-      </div>
-      </a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i>
-      <div class=\\"label\\">
-         Sign Out
-      </div>
-      </a>
+                     <a href=\\"#/blocks/9\\" class=\\"\\"><i class=\\"material-icons\\">chevron_left</i></a><a href=\\"#/blocks/11\\" class=\\"\\"><i class=\\"material-icons\\">chevron_right</i></a>
+                  </div>
+      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i></a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i></a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i></a>
    </div>
 </div>
 </div>
diff --git a/test/unit/specs/components/monitor/__snapshots__/PageBlocks.spec.js.snap b/test/unit/specs/components/monitor/__snapshots__/PageBlocks.spec.js.snap
index 5e9f971388..75bc7496e1 100644
--- a/test/unit/specs/components/monitor/__snapshots__/PageBlocks.spec.js.snap
+++ b/test/unit/specs/components/monitor/__snapshots__/PageBlocks.spec.js.snap
@@ -20,25 +20,9 @@ exports[`PageBlocks has the expected html structure 1`] = `
             <div class=\\"ni-tool-bar\\">
                <div class=\\"ni-tool-bar-container\\">
                   <div class=\\"main\\">
-                     <a><i class=\\"material-icons\\">search</i>
-                     <div class=\\"label\\">
-                        Search
-                     </div>
-      </a>
-   </div>
-      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i>
-      <div class=\\"label\\">
-         Back
-      </div>
-      </a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i>
-      <div class=\\"label\\">
-         Help
-      </div>
-      </a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i>
-      <div class=\\"label\\">
-         Sign Out
-      </div>
-      </a>
+                     <a><i class=\\"material-icons\\">search</i></a>
+                  </div>
+      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i></a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i></a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i></a>
    </div>
 </div>
 </div>
diff --git a/test/unit/specs/components/staking/__snapshots__/PageBond.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/PageBond.spec.js.snap
index 062f3a81e7..a61770650b 100644
--- a/test/unit/specs/components/staking/__snapshots__/PageBond.spec.js.snap
+++ b/test/unit/specs/components/staking/__snapshots__/PageBond.spec.js.snap
@@ -50,11 +50,6 @@ exports[`PageBond has the expected html structure 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -64,11 +59,6 @@ exports[`PageBond has the expected html structure 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -78,11 +68,6 @@ exports[`PageBond has the expected html structure 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/staking/__snapshots__/PageDelegate.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/PageDelegate.spec.js.snap
index b0bf373670..163a64836f 100644
--- a/test/unit/specs/components/staking/__snapshots__/PageDelegate.spec.js.snap
+++ b/test/unit/specs/components/staking/__snapshots__/PageDelegate.spec.js.snap
@@ -51,11 +51,6 @@ exports[`PageDelegate has the expected html structure 1`] = `
                     >
                       arrow_back
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Back
-                    </div>
                   </a>
                 </div>
                 <a
@@ -66,11 +61,6 @@ exports[`PageDelegate has the expected html structure 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -80,11 +70,6 @@ exports[`PageDelegate has the expected html structure 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -94,11 +79,6 @@ exports[`PageDelegate has the expected html structure 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/staking/__snapshots__/PageStaking.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/PageStaking.spec.js.snap
index a8b87002b3..307cf20ead 100644
--- a/test/unit/specs/components/staking/__snapshots__/PageStaking.spec.js.snap
+++ b/test/unit/specs/components/staking/__snapshots__/PageStaking.spec.js.snap
@@ -20,29 +20,9 @@ exports[`PageStaking has the expected html structure 1`] = `
             <div class=\\"ni-tool-bar\\">
                <div class=\\"ni-tool-bar-container\\">
                   <div class=\\"main\\">
-                     <a><i class=\\"material-icons\\">search</i>
-                     <div class=\\"label\\">
-                        Search
-                     </div>
-      </a><a><i class=\\"material-icons\\">refresh</i>
-      <div class=\\"label\\">
-         Refresh
-      </div>
-      </a>
-   </div>
-      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i>
-      <div class=\\"label\\">
-         Back
-      </div>
-      </a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i>
-      <div class=\\"label\\">
-         Help
-      </div>
-      </a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i>
-      <div class=\\"label\\">
-         Sign Out
-      </div>
-      </a>
+                     <a><i class=\\"material-icons\\">search</i></a><a><i class=\\"material-icons\\">refresh</i></a>
+                  </div>
+      <a class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i></a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i></a><a class=\\"sign-out\\"><i class=\\"material-icons\\">exit_to_app</i></a>
    </div>
 </div>
 </div>
@@ -196,11 +176,6 @@ exports[`PageStaking should filter the delegates 1`] = `
                     >
                       search
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Search
-                    </div>
                   </a>
                   <a>
                     <i
@@ -208,11 +183,6 @@ exports[`PageStaking should filter the delegates 1`] = `
                     >
                       refresh
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Refresh
-                    </div>
                   </a>
                 </div>
                 <a
@@ -223,11 +193,6 @@ exports[`PageStaking should filter the delegates 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -237,11 +202,6 @@ exports[`PageStaking should filter the delegates 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -251,11 +211,6 @@ exports[`PageStaking should filter the delegates 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/wallet/__snapshots__/PageSend.spec.js.snap b/test/unit/specs/components/wallet/__snapshots__/PageSend.spec.js.snap
index b1cc7ae8b2..2910bebfe6 100644
--- a/test/unit/specs/components/wallet/__snapshots__/PageSend.spec.js.snap
+++ b/test/unit/specs/components/wallet/__snapshots__/PageSend.spec.js.snap
@@ -50,11 +50,6 @@ exports[`PageSend has the expected html structure 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -64,11 +59,6 @@ exports[`PageSend has the expected html structure 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -78,11 +68,6 @@ exports[`PageSend has the expected html structure 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
@@ -927,11 +912,6 @@ exports[`PageSend should work without providing a default denom 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -941,11 +921,6 @@ exports[`PageSend should work without providing a default denom 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -955,11 +930,6 @@ exports[`PageSend should work without providing a default denom 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap b/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
index 9adbabce92..d15b962240 100644
--- a/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
+++ b/test/unit/specs/components/wallet/__snapshots__/PageTransactions.spec.js.snap
@@ -48,11 +48,6 @@ exports[`PageTransactions has the expected html structure 1`] = `
                     >
                       search
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Search
-                    </div>
                   </a>
                 </div>
                 <a
@@ -63,11 +58,6 @@ exports[`PageTransactions has the expected html structure 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -77,11 +67,6 @@ exports[`PageTransactions has the expected html structure 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -91,11 +76,6 @@ exports[`PageTransactions has the expected html structure 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
@@ -190,11 +170,6 @@ exports[`PageTransactions should filter the transactions 1`] = `
                     >
                       search
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Search
-                    </div>
                   </a>
                 </div>
                 <a
@@ -205,11 +180,6 @@ exports[`PageTransactions should filter the transactions 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -219,11 +189,6 @@ exports[`PageTransactions should filter the transactions 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -233,11 +198,6 @@ exports[`PageTransactions should filter the transactions 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
diff --git a/test/unit/specs/components/wallet/__snapshots__/PageWallet.spec.js.snap b/test/unit/specs/components/wallet/__snapshots__/PageWallet.spec.js.snap
index 4bf45c76e4..97736a0401 100644
--- a/test/unit/specs/components/wallet/__snapshots__/PageWallet.spec.js.snap
+++ b/test/unit/specs/components/wallet/__snapshots__/PageWallet.spec.js.snap
@@ -48,11 +48,6 @@ exports[`PageWallet has the expected html structure 1`] = `
                     >
                       refresh
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Refresh
-                    </div>
                   </a>
                   <a>
                     <i
@@ -60,11 +55,6 @@ exports[`PageWallet has the expected html structure 1`] = `
                     >
                       search
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Search
-                    </div>
                   </a>
                 </div>
                 <a
@@ -75,11 +65,6 @@ exports[`PageWallet has the expected html structure 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -89,11 +74,6 @@ exports[`PageWallet has the expected html structure 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -103,11 +83,6 @@ exports[`PageWallet has the expected html structure 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>
@@ -341,11 +316,6 @@ exports[`PageWallet should filter the balances 1`] = `
                     >
                       refresh
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Refresh
-                    </div>
                   </a>
                   <a>
                     <i
@@ -353,11 +323,6 @@ exports[`PageWallet should filter the balances 1`] = `
                     >
                       search
                     </i>
-                    <div
-                      class="label"
-                    >
-                      Search
-                    </div>
                   </a>
                 </div>
                 <a
@@ -368,11 +333,6 @@ exports[`PageWallet should filter the balances 1`] = `
                   >
                     arrow_back
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Back
-                  </div>
                 </a>
                 <a
                   class="help"
@@ -382,11 +342,6 @@ exports[`PageWallet should filter the balances 1`] = `
                   >
                     help_outline
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Help
-                  </div>
                 </a>
                 <a
                   class="sign-out"
@@ -396,11 +351,6 @@ exports[`PageWallet should filter the balances 1`] = `
                   >
                     exit_to_app
                   </i>
-                  <div
-                    class="label"
-                  >
-                    Sign Out
-                  </div>
                 </a>
               </div>
             </div>