2022-04-22 13:05:56 +10:00
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<b-notification
|
|
|
|
v-if="netId === 56"
|
|
|
|
:active="isActiveNotification.binanceInternal"
|
|
|
|
class="main-notification"
|
|
|
|
type="is-warning"
|
|
|
|
icon-pack="icon"
|
|
|
|
has-icon
|
|
|
|
:aria-close-label="$t('closeNotification')"
|
|
|
|
@close="disableNotification({ key: 'binanceInternal' })"
|
|
|
|
>
|
|
|
|
<i18n path="binanceInternalTxsNotification" />
|
|
|
|
</b-notification>
|
|
|
|
|
2022-06-07 00:26:00 +10:00
|
|
|
<b-notification
|
|
|
|
:active="isActiveNotification.third"
|
|
|
|
class="main-notification"
|
|
|
|
type="is-warning"
|
|
|
|
icon-pack="icon"
|
|
|
|
has-icon
|
|
|
|
:aria-close-label="$t('closeNotification')"
|
|
|
|
@close="disableNotification({ key: 'third' })"
|
|
|
|
>
|
|
|
|
<i18n path="trustBanner.trustLess">
|
|
|
|
<template v-slot:link>
|
|
|
|
<a href="https://tornado.cash/">{{ $t('trustBanner.link') }}</a>
|
|
|
|
</template>
|
|
|
|
</i18n>
|
|
|
|
</b-notification>
|
|
|
|
|
2022-04-22 13:05:56 +10:00
|
|
|
<b-notification
|
|
|
|
:active="isActiveNotification.first"
|
|
|
|
class="main-notification"
|
|
|
|
type="is-info"
|
|
|
|
icon-pack="icon"
|
|
|
|
has-icon
|
|
|
|
:aria-close-label="$t('closeNotification')"
|
|
|
|
@close="disableNotification({ key: 'first' })"
|
|
|
|
>
|
|
|
|
<i18n path="indexNotification">
|
|
|
|
<template v-slot:link>
|
2022-09-09 09:53:03 +00:00
|
|
|
<a href="https://tornadocash.community" target="_blank" rel="noopener noreferrer">
|
|
|
|
{{ $t('indexNotificationLinkText') }}
|
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
</i18n>
|
|
|
|
</b-notification>
|
|
|
|
|
|
|
|
<b-notification
|
|
|
|
:active="isActiveNotification.second"
|
|
|
|
class="main-notification"
|
|
|
|
type="is-warning"
|
|
|
|
icon-pack="icon"
|
|
|
|
has-icon
|
|
|
|
:aria-close-label="$t('closeNotification')"
|
|
|
|
@close="disableNotification({ key: 'second' })"
|
|
|
|
>
|
|
|
|
<i18n path="rpcDisclaimer">
|
|
|
|
<template v-slot:linkOne>
|
|
|
|
<a
|
|
|
|
href="https://home.treasury.gov/news/press-releases/jy0916"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
|
|
{{ $t('rpcDisclaimerLinkOneText') }}
|
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
<template v-slot:linkTwo>
|
|
|
|
<a href="https://chainlist.org" target="_blank" rel="noopener noreferrer">
|
|
|
|
{{ $t('rpcDisclaimerLinkTwoText') }}
|
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
<template v-slot:linkThree>
|
2022-04-22 13:05:56 +10:00
|
|
|
<a
|
2022-09-09 09:53:03 +00:00
|
|
|
href="https://hackmd.io/@gozzy/tornado-cash-post-censorship#RPC"
|
2022-04-22 13:05:56 +10:00
|
|
|
target="_blank"
|
2022-06-07 00:26:00 +10:00
|
|
|
rel="noopener noreferrer"
|
2022-04-22 13:05:56 +10:00
|
|
|
>
|
2022-09-09 09:53:03 +00:00
|
|
|
{{ $t('rpcDisclaimerLinkThreeText') }}
|
|
|
|
</a>
|
2022-04-22 13:05:56 +10:00
|
|
|
</template>
|
|
|
|
</i18n>
|
|
|
|
</b-notification>
|
2022-08-02 19:38:07 +10:00
|
|
|
|
|
|
|
<b-notification
|
|
|
|
v-if="isEthLink"
|
|
|
|
:active="isActiveNotification.ethLink"
|
|
|
|
class="main-notification"
|
|
|
|
type="is-warning"
|
|
|
|
icon-pack="icon"
|
|
|
|
has-icon
|
|
|
|
:aria-close-label="$t('closeNotification')"
|
|
|
|
@close="disableNotification({ key: 'ethLink' })"
|
|
|
|
>
|
|
|
|
<i18n path="ethLinkBanner.notification">
|
|
|
|
<template v-slot:issue>
|
|
|
|
<a
|
|
|
|
href="https://discuss.ens.domains/t/eth-link-expiry/13899"
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>{{ $t('ethLinkBanner.issue') }}</a
|
|
|
|
>
|
|
|
|
</template>
|
|
|
|
<template v-slot:alternative>
|
|
|
|
<a href="https://tornado.cash/">{{ $t('ethLinkBanner.alternative') }}</a>
|
|
|
|
</template>
|
|
|
|
</i18n>
|
|
|
|
</b-notification>
|
|
|
|
|
2022-04-22 13:05:56 +10:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column is-half">
|
|
|
|
<b-tabs v-model="activeTab" class="is-tornado" :animated="false" @input="tabChanged">
|
|
|
|
<Deposit />
|
|
|
|
<Withdraw :active-tab="activeTab" @get-key="onGetKey" />
|
|
|
|
</b-tabs>
|
|
|
|
</div>
|
|
|
|
<Statistics />
|
|
|
|
</div>
|
|
|
|
<Txs />
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
/* eslint-disable no-console */
|
|
|
|
import { mapState, mapGetters, mapActions } from 'vuex'
|
|
|
|
|
|
|
|
import Txs from '@/components/Txs'
|
|
|
|
import Deposit from '@/components/Deposit'
|
|
|
|
import Statistics from '@/components/Statistics'
|
|
|
|
import Withdraw from '@/components/withdraw/Withdraw'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'HomePage',
|
|
|
|
components: {
|
|
|
|
Txs,
|
|
|
|
Deposit,
|
|
|
|
Withdraw,
|
|
|
|
Statistics
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
activeTab: 0,
|
2022-08-02 19:38:07 +10:00
|
|
|
isActive: false,
|
|
|
|
isEthLink: window.location.host === 'tornadocash.eth.link'
|
2022-04-22 13:05:56 +10:00
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
...mapState('application', ['selectedInstance']),
|
|
|
|
...mapState('settings', ['isActiveNotification']),
|
|
|
|
...mapGetters('metamask', ['netId'])
|
|
|
|
},
|
|
|
|
watch: {
|
|
|
|
netId() {
|
|
|
|
if (this.activeTab === 1) {
|
|
|
|
this.$store.dispatch('relayer/pickRandomRelayer', { type: 'tornado' })
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
this.$store.dispatch('application/setNativeCurrency', { netId: this.netId })
|
2022-06-07 00:26:00 +10:00
|
|
|
this.checkIsTrustedUrl()
|
2022-04-22 13:05:56 +10:00
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
...mapActions('settings', ['disableNotification']),
|
2022-06-07 00:26:00 +10:00
|
|
|
checkIsTrustedUrl() {
|
|
|
|
const isIpfs = this.$isLoadedFromIPFS()
|
|
|
|
if (!isIpfs) {
|
|
|
|
this.disableNotification({ key: 'third' })
|
|
|
|
}
|
|
|
|
},
|
2022-04-22 13:05:56 +10:00
|
|
|
onGetKey(fn) {
|
|
|
|
this.getKeys = fn
|
|
|
|
},
|
|
|
|
async tabChanged(tabIndex) {
|
|
|
|
if (tabIndex === 1) {
|
|
|
|
this.$store.dispatch('relayer/pickRandomRelayer', { type: 'tornado' })
|
|
|
|
|
|
|
|
if (typeof this.getKeys === 'function' && !this.isActive) {
|
|
|
|
this.isActive = true
|
|
|
|
const result = await this.getKeys()
|
|
|
|
|
|
|
|
if (!result) {
|
|
|
|
this.isActive = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
const { currency, amount } = this.selectedInstance
|
|
|
|
this.$store.dispatch('application/setAndUpdateStatistic', { currency, amount })
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|