74 lines
1.7 KiB
Vue
74 lines
1.7 KiB
Vue
<template>
|
|
<div class="modal-card box box-modal">
|
|
<header class="box-modal-header is-spaced">
|
|
<div class="box-modal-title">{{ $t('withdrawalSettings') }}</div>
|
|
<button type="button" class="delete" @click="$parent.cancel('escape')" />
|
|
</header>
|
|
<b-tabs v-if="isRelayersAvailable" v-model="withdrawType" :animated="false" class="is-modal">
|
|
<RelayerTab />
|
|
</b-tabs>
|
|
<b-tabs v-else v-model="withdrawType" :animated="false" class="is-modal">
|
|
<RelayerTab />
|
|
<WalletTab />
|
|
</b-tabs>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
/* eslint-disable no-console */
|
|
import { mapState, mapMutations } from 'vuex'
|
|
|
|
import { RelayerTab, WalletTab } from '@/components/settings/tabs'
|
|
|
|
export default {
|
|
components: {
|
|
RelayerTab,
|
|
WalletTab
|
|
},
|
|
props: {
|
|
currency: {
|
|
type: String,
|
|
default: 'ETH'
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: 'withdrawalSettings'
|
|
}
|
|
},
|
|
provide() {
|
|
return {
|
|
currency: this.currency,
|
|
save: this.save,
|
|
reset: this.reset
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
withdrawType: 'relayer'
|
|
}
|
|
},
|
|
computed: {
|
|
...mapState('application', {
|
|
defaultWithdrawType: 'withdrawType'
|
|
}),
|
|
...mapState('relayer', ['isLoadingRelayers', 'validRelayers']),
|
|
isRelayersAvailable() {
|
|
return !this.isLoadingRelayers && this.validRelayers.length > 0;
|
|
}
|
|
},
|
|
created() {
|
|
this.withdrawType = this.defaultWithdrawType
|
|
},
|
|
methods: {
|
|
...mapMutations('application', ['SET_WITHDRAW_TYPE']),
|
|
reset() {
|
|
this.withdrawType = 'relayer'
|
|
this.$root.$emit('resetSettings')
|
|
},
|
|
save() {
|
|
this.SET_WITHDRAW_TYPE({ withdrawType: this.withdrawType })
|
|
this.$emit('close')
|
|
}
|
|
}
|
|
}
|
|
</script>
|