From 292608b351c61acb4ac0d596b444374545241b98 Mon Sep 17 00:00:00 2001
From: Roman Storm <roman@peppersec.com>
Date: Fri, 18 Dec 2020 10:40:58 -0800
Subject: [PATCH] finalize

---
 langs/en.json   | 3 ++-
 pages/index.vue | 8 ++++++--
 store/steps.js  | 5 ++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/langs/en.json b/langs/en.json
index 35b5386..6ba02dd 100644
--- a/langs/en.json
+++ b/langs/en.json
@@ -25,5 +25,6 @@
   "sendingTransaction": "Sending transaction",
   "viewOnEtherscan": "View on Etherscan",
   "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."
 }
diff --git a/pages/index.vue b/pages/index.vue
index c0a89e2..0b3e57a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,10 +3,14 @@
     <h1 class="title has-text-centered">
       Tornado.cash <span>Governance</span> Initiation
     </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">
       <b-button
+        v-if="!deployedCount.isCompleted"
         type="is-primary"
         outlined
         icon-left="tool"
@@ -18,7 +22,7 @@
 
     <i18n tag="h3" class="title is-14px mt-6" path="completedTasks">
       <template v-slot:progress>
-        <span>{{ deployedCount }}</span>
+        <span>{{ deployedCount.text }}</span>
       </template>
     </i18n>
 
diff --git a/store/steps.js b/store/steps.js
index 9f2f14e..d33ef00 100644
--- a/store/steps.js
+++ b/store/steps.js
@@ -11,7 +11,10 @@ const getters = {
   deployedCount: (state) => {
     const deployed = state.steps.filter((step) => !!step.deployerAddress).length
     const all = state.steps.length
-    return `${deployed}/${all}`
+    return {
+      text: `${deployed}/${all}`,
+      isCompleted: deployed === all,
+    }
   },
   canDeploy: (state) => (domain) => {
     const { dependsOn } = state.steps.find((s) => s.domain === domain)