47 lines
1.2 KiB
Vue
47 lines
1.2 KiB
Vue
<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>
|