init

modules/account/components/Settings/Actions.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="action">
+    <div class="action-item">
+      <b-icon icon="account-wallet" size="is-large" />
+      <div class="desc">
+        {{ isLoggedIn ? $t('account.wallet.disconnect') : $t('account.wallet.desc') }}
+      </div>
+      <b-button v-if="isLoggedIn" type="is-primary" outlined @mousedown.prevent @click="onLogOut">
+        {{ $t('account.wallet.logout') }}
+      </b-button>
+      <connect-button v-else outlined action-text="account.wallet.connectWeb3" />
+    </div>
+    <div class="action-item">
+      <b-icon icon="account-rpc" size="is-large" />
+      <div class="desc">
+        {{ $t('account.wallet.rpcDesc') }}
+      </div>
+      <b-button type="is-primary" outlined @click="onSettings">{{ $t('account.wallet.changeRpc') }}</b-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { walletComputed, walletActions } from '../../injectors'
+import { openSettingsModal } from '../../modals'
+
+import { ConnectButton } from '@/components/web3Connect'
+
+export default {
+  components: {
+    ConnectButton
+  },
+  computed: {
+    ...walletComputed
+  },
+  methods: {
+    ...walletActions,
+    onSettings() {
+      openSettingsModal({
+        parent: this,
+        netId: this.netId
+      })
+    }
+  }
+}
+</script>