classic-ui/components/Loaders/Loader.vue

30 lines
781 B
Vue
Raw Normal View History

2022-04-22 06:05:56 +03:00
<template>
<b-loading v-model="enabled">
<div class="loading-container">
2022-05-16 15:08:17 +03:00
<div class="loading-tornado" data-test="tornado_loader"></div>
2022-04-22 06:05:56 +03:00
<div class="loading-message">{{ message }}...</div>
<div v-if="progress >= 0" class="loading-message">{{ progress }}%</div>
2022-04-22 06:05:56 +03:00
<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']),
2022-04-22 06:05:56 +03:00
isApprove() {
return this.type === 'approve'
}
}
}
</script>