fix: handle unconnected state on receive page

matter-labs · Dec 20, 2023 · 5bc2dec · 5bc2dec
1 parent 0fdfb5b
commit 5bc2dec
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/pages/receive.vue b/pages/receive.vue
@@ -1,7 +1,8 @@
 <template>
   <div>
     <PageTitle :fallback-route="{ name: 'receive-methods' }">Your address</PageTitle>
-    <Receive :address="address" :destination="destinations.era" />
+    <ConnectWalletBlock v-if="!isConnected" />
+    <Receive v-else :address="address" :destination="destinations.era" />
   </div>
 </template>
 
@@ -14,7 +15,7 @@ import { useDestinationsStore } from "@/store/destinations";
 import { useOnboardStore } from "@/store/onboard";
 import Receive from "@/views/transactions/Receive.vue";
 
-const { account } = storeToRefs(useOnboardStore());
+const { account, isConnected } = storeToRefs(useOnboardStore());
 const { destinations } = storeToRefs(useDestinationsStore());
 
 const address = computed(() => account.value.address || "");