classic-ui/modules/account/components/Settings/Actions.vue

47 lines
1.2 KiB
Vue
Raw Normal View History

2022-04-22 06:05:56 +03:00
<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>