finalize
This commit is contained in:
parent
2b6c0a8ba4
commit
292608b351
|
@ -25,5 +25,6 @@
|
||||||
"sendingTransaction": "Sending transaction",
|
"sendingTransaction": "Sending transaction",
|
||||||
"viewOnEtherscan": "View on Etherscan",
|
"viewOnEtherscan": "View on Etherscan",
|
||||||
"pleaseConnectWallet": "Please connect your wallet first",
|
"pleaseConnectWallet": "Please connect your wallet first",
|
||||||
"dependsOnEns": "This action depends on {ens}"
|
"dependsOnEns": "This action depends on {ens}",
|
||||||
|
"thankYou": "The governance has been initiated. All contracts are deployed. Thank you for your participation."
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,10 +3,14 @@
|
||||||
<h1 class="title has-text-centered">
|
<h1 class="title has-text-centered">
|
||||||
Tornado.cash <span>Governance</span> Initiation
|
Tornado.cash <span>Governance</span> Initiation
|
||||||
</h1>
|
</h1>
|
||||||
<h2 class="subtitle has-text-centered">{{ $t('pageSubtitle') }}</h2>
|
<h2 v-if="!deployedCount.isCompleted" class="subtitle has-text-centered">
|
||||||
|
{{ $t('pageSubtitle') }}
|
||||||
|
</h2>
|
||||||
|
<h2 v-else class="has-text-centered">{{ $t('thankYou') }}</h2>
|
||||||
|
|
||||||
<div class="buttons is-centered">
|
<div class="buttons is-centered">
|
||||||
<b-button
|
<b-button
|
||||||
|
v-if="!deployedCount.isCompleted"
|
||||||
type="is-primary"
|
type="is-primary"
|
||||||
outlined
|
outlined
|
||||||
icon-left="tool"
|
icon-left="tool"
|
||||||
|
@ -18,7 +22,7 @@
|
||||||
|
|
||||||
<i18n tag="h3" class="title is-14px mt-6" path="completedTasks">
|
<i18n tag="h3" class="title is-14px mt-6" path="completedTasks">
|
||||||
<template v-slot:progress>
|
<template v-slot:progress>
|
||||||
<span>{{ deployedCount }}</span>
|
<span>{{ deployedCount.text }}</span>
|
||||||
</template>
|
</template>
|
||||||
</i18n>
|
</i18n>
|
||||||
|
|
||||||
|
|
|
@ -11,7 +11,10 @@ const getters = {
|
||||||
deployedCount: (state) => {
|
deployedCount: (state) => {
|
||||||
const deployed = state.steps.filter((step) => !!step.deployerAddress).length
|
const deployed = state.steps.filter((step) => !!step.deployerAddress).length
|
||||||
const all = state.steps.length
|
const all = state.steps.length
|
||||||
return `${deployed}/${all}`
|
return {
|
||||||
|
text: `${deployed}/${all}`,
|
||||||
|
isCompleted: deployed === all,
|
||||||
|
}
|
||||||
},
|
},
|
||||||
canDeploy: (state) => (domain) => {
|
canDeploy: (state) => (domain) => {
|
||||||
const { dependsOn } = state.steps.find((s) => s.domain === domain)
|
const { dependsOn } = state.steps.find((s) => s.domain === domain)
|
||||||
|
|
Loading…
Reference in New Issue