warn people if they have skipped a step

integritee-network · May 4, 2024 · 4aa4164 · 4aa4164
1 parent c3f6299
commit 4aa4164
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 9 deletions.
diff --git a/components/InviteFriendTab.vue b/components/InviteFriendTab.vue
@@ -5,6 +5,9 @@
       <div class="container">
         <div class=''>
           <div class='text-4xl mt-10 mb-10'>Invite a friend</div>
+          <div v-if="accountStore.incogniteeBalance == 0">
+            <i><b>You have no balance on Incognitee. Please go back to step 2</b></i>
+          </div>
           <div class='text-lg'>
             By clicking the ”Invite Friend” button, you perform a private transfer of 30% of your
             available PAS from your Incognitee wallet to another wallet with an invite link. You can share this with

diff --git a/components/PublishonxTab.vue b/components/PublishonxTab.vue
@@ -5,6 +5,13 @@
         <div class=''>
           <div class='text-4xl mt-10 mb-10'>Publish on X</div>
           <div class='text-lg'>
+            <div v-if="accountStore.incogniteeBalance == 0">
+              <i><b>You have no balance on Incognitee. Please go back to step 2</b></i>
+            </div>
+            <div v-if="accountStore.paseoBalance == 0">
+              <i><b>You have no balance on Paseo. Please go back to step 2</b></i>
+            </div>
+
             By clicking the ”Check” button, you will be redirected to the Paseo Subscan Portal,
             where you have to check for your unshielding event.
             <div class='mt-5'>

diff --git a/components/UnshieldTab.vue b/components/UnshieldTab.vue
@@ -5,11 +5,16 @@
         <div class='grid grid-rows-3 grid-flow-col gap-4'>
           <div class='text-4xl mt-10'>Unshield</div>
           <div class='text-lg'>
-            By clicking the ”Unshield” button, you perform a transfer of 30% of your Incognitee
-            balance to your wallet on Paseo.
-          </div>
-          <div>
-            <UButton class="btn btn_gradient" @click="unshieldFunds">Unshield Funds</UButton>
+            <div v-if="accountStore.incogniteeBalance == 0">
+              <i><b>You have no balance on Incognitee. Please go back to step 2</b></i>
+            </div>
+            <div class='mt-4'>
+              By clicking the ”Unshield” button, you perform a transfer of 30% of your Incognitee
+              balance to your wallet on Paseo.
+            </div>
+            <div>
+              <UButton class="btn btn_gradient" @click="unshieldFunds">Unshield Funds</UButton>
+            </div>
           </div>
         </div>
       </div>
@@ -20,8 +25,9 @@
 <script setup lang="ts">
 import {formatBalance} from "@polkadot/util";
 
-import { useAccount } from '@/store/account.ts'
-import { useIncognitee } from '@/store/incognitee.ts'
+import {useAccount} from '@/store/account.ts'
+import {useIncognitee} from '@/store/incognitee.ts'
+
 const accountStore = useAccount()
 const incogniteeStore = useIncognitee()
 
@@ -48,11 +54,11 @@ const unshieldFunds = () => {
   ).then((hash) => {
     console.log(`trustedOperationHash: ${hash}`)
     // todo! wait for evidence on L1
-    emit('change-tab',4);
+    emit('change-tab', 4);
   });
 
   // todo! remove this and only change tab upon success above
-  emit('change-tab',4);
+  emit('change-tab', 4);
 };
 
 </script>