Coreycosman/1277 rename-VmToolBar-to-ToolBar (#1745)

* change VmToolBar to ToolBar, update all snapshots and import statements, all tests passing

* add change in CHANGELOG.md

CHANGELOG.md

@@ -83,6 +83,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - [\#1686](https://github.com/cosmos/voyager/issues/1686) Changed proposals from array to object @sabau
 - [\#1626](https://github.com/cosmos/voyager/issues/1626) upgraded from raven to sentry/browser @jbibla
 - [\#1724](https://github.com/cosmos/voyager/issues/1724) set tabindex attribute to -1 for readonly denom on ModalProposals. tab navgiation now skips element @enyan94
+- [\#1277](https://github.com/cosmos/voyager/issues/1277) change name of VmToolBar to ToolBar, update all snapshots and import statements @coreycosman
 
 ### Fixed
 

app/src/renderer/components/common/PagePreferences.vue

@@ -2,7 +2,7 @@
   <tm-page data-title="Preferences"
     ><template slot="menu-body">
       <tm-balance />
-      <vm-tool-bar />
+      <tool-bar />
     </template>
     <tm-part title="Settings">
       <tm-list-item type="field" title="Select network to connect to">
@@ -60,7 +60,7 @@
 <script>
 import { mapGetters } from "vuex"
 import { TmListItem, TmBtn, TmPage, TmPart, TmField } from "@tendermint/ui"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 import TmBalance from "common/TmBalance"
 import TmModal from "common/TmModal"
 
@@ -73,7 +73,7 @@ export default {
     TmListItem,
     TmPage,
     TmPart,
-    VmToolBar,
+    ToolBar,
     TmModal
   },
   data: () => ({

app/src/renderer/components/common/VmToolBar.vue → app/src/renderer/components/common/ToolBar.vue

@@ -25,7 +25,7 @@
 import { mapGetters, mapMutations } from "vuex"
 export default {
   // the name needs to be different from TmToolBar (tm-tool-bar) or else recursive rendering takes place
-  name: `vm-tool-bar`,
+  name: `tool-bar`,
   computed: {
     ...mapGetters([`user`, `lastPage`])
   },

app/src/renderer/components/governance/PageGovernance.vue

@@ -10,10 +10,10 @@
           @click.native="onPropose"
         />
       </tm-balance>
-      <vm-tool-bar
+      <tool-bar
         ><a v-tooltip.bottom="'Search'" @click="setSearch()"
           ><i class="search material-icons">search</i></a
-        ></vm-tool-bar
+        ></tool-bar
       >
     </template>
     <modal-search type="proposals" />
@@ -32,7 +32,7 @@ import { mapGetters } from "vuex"
 import DataEmptySearch from "common/TmDataEmptySearch"
 import ModalSearch from "common/TmModalSearch"
 import ModalPropose from "./ModalPropose"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 import TmBalance from "common/TmBalance"
 import { TmPage, TmDataEmpty, TmDataLoading, TmBtn } from "@tendermint/ui"
 export default {
@@ -46,7 +46,7 @@ export default {
     ModalPropose,
     TmPage,
     TmBtn,
-    VmToolBar
+    ToolBar
   },
   data: () => ({
     query: ``,

app/src/renderer/components/governance/TableProposals.vue

@@ -24,15 +24,15 @@ import LiProposal from "./LiProposal"
 import ModalSearch from "common/TmModalSearch"
 import DataEmptySearch from "common/TmDataEmptySearch"
 import PanelSort from "staking/PanelSort"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 export default {
   name: `table-proposals`,
   components: {
     LiProposal,
     DataEmptySearch,
     ModalSearch,
     PanelSort,
-    VmToolBar
+    ToolBar
   },
   props: {
     proposals: {

app/src/renderer/components/staking/PageStaking.vue

@@ -2,15 +2,15 @@
   <tm-page class="staking" data-title="Staking"
     ><template slot="menu-body">
       <tm-balance :tabs="tabs" />
-      <vm-tool-bar
+      <tool-bar
         ><a
           v-tooltip.bottom="'Refresh'"
           :disabled="!connected"
           @click="connected && updateDelegates()"
           ><i class="material-icons">refresh</i></a
         ><a v-tooltip.bottom="'Search'" @click="setSearch()"
           ><i class="search material-icons">search</i></a
-        ></vm-tool-bar
+        ></tool-bar
       >
     </template>
     <modal-search type="delegates" />
@@ -23,15 +23,15 @@ import { mapGetters, mapActions } from "vuex"
 import Mousetrap from "mousetrap"
 import { TmPage } from "@tendermint/ui"
 import ModalSearch from "common/TmModalSearch"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 import TmBalance from "common/TmBalance"
 export default {
   name: `page-staking`,
   components: {
     ModalSearch,
     TmPage,
     TmBalance,
-    VmToolBar
+    ToolBar
   },
   data: () => ({
     query: ``,

app/src/renderer/components/staking/TableValidators.vue

@@ -29,15 +29,15 @@ import DataEmptySearch from "common/TmDataEmptySearch"
 import { calculateTokens } from "scripts/common"
 import ModalSearch from "common/TmModalSearch"
 import PanelSort from "staking/PanelSort"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 export default {
   name: `table-validators`,
   components: {
     LiValidator,
     DataEmptySearch,
     ModalSearch,
     PanelSort,
-    VmToolBar
+    ToolBar
   },
   props: {
     validators: {

app/src/renderer/components/wallet/PageSend.vue

@@ -2,7 +2,7 @@
   <tm-page data-title="Send">
     <template slot="menu-body">
       <tm-balance />
-      <vm-tool-bar />
+      <tool-bar />
     </template>
     <tm-form-struct :submit="onSubmit">
       <tm-part title="Denomination Options">
@@ -169,7 +169,7 @@ import {
 } from "@tendermint/ui"
 import TmBalance from "common/TmBalance"
 import FieldAddon from "common/TmFieldAddon"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 import TmModalSendConfirmation from "wallet/TmModalSendConfirmation"
 
 const isInteger = amount => Number.isInteger(amount)
@@ -186,7 +186,7 @@ export default {
     TmFormStruct,
     TmPage,
     TmPart,
-    VmToolBar,
+    ToolBar,
     TmModalSendConfirmation
   },
   props: {

app/src/renderer/components/wallet/PageTransactions.vue

@@ -2,7 +2,7 @@
   <tm-page data-title="Transactions"
     ><template slot="menu-body">
       <tm-balance />
-      <vm-tool-bar
+      <tool-bar
         ><a
           v-tooltip.bottom="'Refresh'"
           :disabled="!connected"
@@ -13,7 +13,7 @@
           :disabled="!somethingToSearch"
           @click="setSearch()"
           ><i class="material-icons">search</i></a
-        ></vm-tool-bar
+        ></tool-bar
       >
     </template>
     <modal-search v-if="somethingToSearch" type="transactions" />
@@ -50,7 +50,7 @@ import TmBalance from "common/TmBalance"
 import TmDataError from "common/TmDataError"
 import TmDataConnecting from "common/TmDataConnecting"
 import { TmPage, TmDataLoading, TmLiAnyTransaction } from "@tendermint/ui"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 export default {
   name: `page-transactions`,
   components: {
@@ -63,7 +63,7 @@ export default {
     DataEmptyTx,
     ModalSearch,
     TmPage,
-    VmToolBar
+    ToolBar
   },
   data: () => ({
     shortid: shortid,

app/src/renderer/components/wallet/PageWallet.vue

@@ -2,7 +2,7 @@
   <tm-page data-title="Wallet">
     <template slot="menu-body">
       <tm-balance />
-      <vm-tool-bar>
+      <tool-bar>
         <a
           v-tooltip.bottom="'Refresh'"
           :disabled="!connected"
@@ -17,7 +17,7 @@
         >
           <i class="material-icons">search</i>
         </a>
-      </vm-tool-bar>
+      </tool-bar>
     </template>
     <modal-search v-if="somethingToSearch" type="balances" />
     <tm-data-connecting v-if="!wallet.loaded && !connected" />
@@ -65,7 +65,7 @@ import {
 } from "@tendermint/ui"
 import TmBalance from "common/TmBalance"
 import ModalSearch from "common/TmModalSearch"
-import VmToolBar from "common/VmToolBar"
+import ToolBar from "common/ToolBar"
 export default {
   name: `page-wallet`,
   components: {
@@ -80,7 +80,7 @@ export default {
     ModalSearch,
     TmPage,
     TmPart,
-    VmToolBar
+    ToolBar
   },
   data: () => ({ num }),
   computed: {

test/unit/specs/components/common/VmToolBar.spec.js → test/unit/specs/components/common/ToolBar.spec.js

@@ -1,12 +1,12 @@
 import setup from "../../../helpers/vuex-setup"
 import htmlBeautify from "html-beautify"
-import VmToolBar from "common/VmToolBar"
-describe(`VmToolBar`, () => {
+import ToolBar from "common/ToolBar"
+describe(`ToolBar`, () => {
   let wrapper, store, router
   let { mount } = setup()
 
   beforeEach(() => {
-    let instance = mount(VmToolBar)
+    let instance = mount(ToolBar)
     router = instance.router
     wrapper = instance.wrapper
     store = instance.store

test/unit/specs/components/common/__snapshots__/VmToolBar.spec.js.snap → test/unit/specs/components/common/__snapshots__/ToolBar.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`VmToolBar has the expected html structure 1`] = `
+exports[`ToolBar has the expected html structure 1`] = `
 "<div class=\\"tm-tool-bar\\">
    <a disabled=\\"disabled\\" class=\\"back\\"><i class=\\"material-icons\\">arrow_back</i></a><a class=\\"help\\"><i class=\\"material-icons\\">help_outline</i></a><a href=\\"#/preferences\\" class=\\"\\" id=\\"settings\\"><i class=\\"material-icons\\">settings</i></a><a id=\\"signOut-btn\\"><i class=\\"material-icons\\">exit_to_app</i></a>
 </div>"