Instadapp/assembly
1
0
Fork 0
mirror of https://github.com/Instadapp/assembly.git synced 2024-07-29 22:37:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

disable btns on connecting

Browse Source
This commit is contained in:
Georges KABBOUCHI 2021-09-07 19:47:47 +03:00
parent 73afb91ba9
commit 0661410adf
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/modal/web3/Web3Modal.vue
View File

@ -23,6 +23,7 @@
<button <button
class="w-full px-6 py-3 text-left flex items-center h-[80px] border border-[#DBE5F4] rounded-[4px] text-lg text-[#374253] font-semibold hover:bg-background-light" class="w-full px-6 py-3 text-left flex items-center h-[80px] border border-[#DBE5F4] rounded-[4px] text-lg text-[#374253] font-semibold hover:bg-background-light"
v-for="(wallet, key) in wallets" v-for="(wallet, key) in wallets"
:disabled="connecting"
:key="key" :key="key"
@click="connect(wallet.connector)" @click="connect(wallet.connector)"
> >
@ -91,12 +92,16 @@ export default defineComponent({
const { activate } = useWeb3() const { activate } = useWeb3()
const { activeNetworkId } = useNetwork() const { activeNetworkId } = useNetwork()
const { showError, showAwaiting, closeAll } = useNotification() const { showError, showAwaiting, closeAll } = useNotification()
const connecting = ref(false)
const connect = async (connector) => { const connect = async (connector) => {
connecting.value = true
showAwaiting("Connecting...") showAwaiting("Connecting...")
try { try {
await activate(connector, undefined, true) await activate(connector, undefined, true)
connecting.value = false
close() close()
closeAll() closeAll()
} catch (error) { } catch (error) {
@ -104,6 +109,8 @@ export default defineComponent({
showError("", error.message) showError("", error.message)
} }
connecting.value = false
} }
const isMetamask = computed(() => process.server ? false : window.ethereum && window.ethereum.isMetaMask) const isMetamask = computed(() => process.server ? false : window.ethereum && window.ethereum.isMetaMask)
@ -127,6 +134,7 @@ export default defineComponent({
wallets, wallets,
isMetamask, isMetamask,
injected, injected,
connecting,
} }
}, },
}) })