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>

modules/account/components/Settings/Header.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="address">
+    <div class="address-item">
+      <div class="label">{{ $t('account.wallet.label') }}</div>
+      <div class="value">{{ ethAccount || '-' }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { walletComputed } from '../../injectors'
+
+export default {
+  computed: {
+    ...walletComputed
+  }
+}
+</script>

modules/account/components/Settings/Settings.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="wallet-account">
+    <h2 class="title">
+      {{ $t('wallet') }}
+    </h2>
+    <div class="account-box">
+      <Header />
+      <Actions />
+    </div>
+  </div>
+</template>
+
+<script>
+import Header from './Header'
+import Actions from './Actions'
+
+export default {
+  components: {
+    Header,
+    Actions
+  }
+}
+</script>

modules/account/components/Settings/index.js

@@ -0,0 +1 @@
+export { default as Settings } from './Settings'