mirror of
https://github.com/tornadocash/tornado-initiation-ui.git
synced 2024-11-29 23:48:05 +01:00
83 lines
2.2 KiB
Vue
83 lines
2.2 KiB
Vue
<template>
|
|
<div class="modal-card box box-modal">
|
|
<header class="box-modal-header is-spaced">
|
|
<div class="box-modal-title">{{ $t('yourWallet') }}</div>
|
|
<button type="button" class="delete" @click="$emit('close')" />
|
|
</header>
|
|
<div class="note">
|
|
{{ $t('pleaseSelectYourWeb3Wallet') }}
|
|
</div>
|
|
<div
|
|
class="field is-grouped is-grouped-centered is-grouped-multiline wallets"
|
|
>
|
|
<!-- <div v-show="isGeneric" class="control">
|
|
<button
|
|
class="button is-small is-black is-generic"
|
|
@click="_web3Connect('generic')"
|
|
>
|
|
{{ $t('otherWallet') }}
|
|
</button>
|
|
</div> -->
|
|
<div class="control">
|
|
<b-tooltip
|
|
:label="$t('pleaseInstallMetamask')"
|
|
position="is-top"
|
|
:active="!isMetamask"
|
|
multilined
|
|
>
|
|
<button
|
|
:disabled="!isMetamask"
|
|
class="button is-small is-black is-metamask"
|
|
@click="_web3Connect('metamask')"
|
|
>
|
|
Metamask
|
|
</button>
|
|
</b-tooltip>
|
|
</div>
|
|
<div v-show="isTrust" class="control">
|
|
<button
|
|
class="button is-small is-black is-trustwallet"
|
|
@click="_web3Connect('trustwallet')"
|
|
>
|
|
Trust Wallet
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
/* eslint-disable no-console */
|
|
|
|
export default {
|
|
computed: {
|
|
isMetamask() {
|
|
return window.web3 && window.web3.currentProvider.isMetaMask
|
|
},
|
|
// isGeneric() {
|
|
// return (
|
|
// !this.isMetamask && !this.isTrust && (window.web3 || window.ethereum)
|
|
// )
|
|
// },
|
|
isTrust() {
|
|
return window.web3 && window.web3.currentProvider.isTrust
|
|
},
|
|
},
|
|
methods: {
|
|
_web3Connect(name, network) {
|
|
this.$store.dispatch('loading/enable', {})
|
|
try {
|
|
// TODO: update connect with new provider module
|
|
// await this.$store.dispatch('metamask/initialize', {
|
|
// providerName: name,
|
|
// networkName: network,
|
|
// })
|
|
} catch (e) {
|
|
console.error(e)
|
|
}
|
|
this.$store.dispatch('loading/disable')
|
|
this.$parent.close()
|
|
},
|
|
},
|
|
}
|
|
</script>
|