relayers-network-ui/containers/Header/components/Logo.vue

54 lines
1.1 KiB
Vue

<template>
<div @click="onReset">
<nuxt-link :to="redirectPath" :class="$style.logoLink" aria-label="Home">
<span role="none" :class="$style.logoText">Tornado.Cash Relayer Registry</span>
<base-icon name="tornado" size="fill" />
</nuxt-link>
</div>
</template>
<script>
import { mapGetters, mapMutations } from 'vuex'
import { ApplicationMutation, SetupMutation } from '@/types'
import { links } from '@/constants'
export default {
computed: {
...mapGetters('relayer', ['isRelayerRegistered']),
redirectPath() {
return this.isRelayerRegistered ? links.relayer : links.home
},
},
methods: {
...mapMutations('setup', {
clearSetup: SetupMutation.CLEAR_STATE,
}),
...mapMutations('application', {
clearApplication: ApplicationMutation.CLEAR_STATE,
}),
onReset() {
try {
this.clearSetup()
this.clearApplication()
} catch (err) {
console.log('onReset error:', err.message)
}
},
},
}
</script>
<style lang="scss" module>
.logoLink {
width: 15.5rem;
color: $color-primary;
cursor: pointer;
}
.logoText {
display: none;
}
</style>