<template> <b-loading v-model="enabled"> <div class="loading-container"> <div class="loading-tornado" data-test="tornado_loader"></div> <div class="loading-message">{{ message }}...</div> <div v-if="progress >= 0" class="loading-message">{{ progress }}%</div> <approve-loader v-if="isApprove" /> </div> </b-loading> </template> <script> import { mapState, mapGetters } from 'vuex' import ApproveLoader from './ApproveLoader' export default { components: { ApproveLoader }, computed: { ...mapGetters('metamask', ['isWalletConnect']), ...mapState('metamask', ['providerName']), ...mapState('loading', ['enabled', 'message', 'progress', 'type']), isApprove() { return this.type === 'approve' } } } </script>