fix: withdrawal finalization ui

matter-labs · May 9, 2024 · 66ddbb5 · 66ddbb5
1 parent 85b7b60
commit 66ddbb5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/views/transactions/WithdrawalSubmitted.vue b/views/transactions/WithdrawalSubmitted.vue
@@ -109,8 +109,10 @@
                     finalizeTransactionStatus === 'done' ||
                     transaction.info.toTransactionHash
                   "
+                  class="flex items-center gap-2"
                 >
-                  Claiming withdrawal...
+                  <span>Claiming withdrawal...</span>
+                  <CommonSpinner variant="text-color" class="h-5 w-5" aria-hidden="true" />
                 </span>
                 <span v-else>Claim withdrawal</span>
               </transition>
@@ -173,7 +175,7 @@ const withdrawalManualFinalizationRequired = computed(() => {
   );
 });
 const withdrawalFinalizationAvailable = computed(() => {
-  return props.transaction.info.withdrawalFinalizationAvailable;
+  return withdrawalManualFinalizationRequired.value && props.transaction.info.withdrawalFinalizationAvailable;
 });
 
 const {