finalize

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."
 }

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>
 

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)