Instadapp/smart-lookup
1
0
Fork 0
mirror of https://github.com/Instadapp/smart-lookup.git synced 2024-07-29 22:38:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update [address].vue

Browse Source
This commit is contained in:
Georges KABBOUCHI 2022-06-09 19:02:39 +03:00
parent 09087a50e8
commit 42d09ee086
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/[address].vue
View File

@ -151,6 +151,7 @@ const tasks: Array<Task> = [
]; ];
const taskResults = ref([]); const taskResults = ref([]);
const error = ref("");
const route = useRoute(); const route = useRoute();
const addressParam = String(route.params.address); const addressParam = String(route.params.address);
@ -184,7 +185,7 @@ onMounted(async () => {
} }
if (!address.value) { if (!address.value) {
// do something error.value = "Invalid address or ENS name";
return; return;
} }
@ -250,7 +251,11 @@ onMounted(async () => {
<template> <template>
<div class="sm:mx-auto sm:w-full sm:max-w-xl"> <div class="sm:mx-auto sm:w-full sm:max-w-xl">
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10"> <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
<div v-if="address" class="flex flex-col items-center"> <div v-if="error" class="flex items-center justify-center py-10">
<span class="font-semibold text-lg">{{ error }}</span>
</div>
<div v-else-if="address" class="flex flex-col items-center">
<QrcodeVue <QrcodeVue
:size="196" :size="196"
:value="address" :value="address"
@ -380,7 +385,7 @@ onMounted(async () => {
</div> </div>
<div v-else class="flex items-center justify-center py-10"> <div v-else class="flex items-center justify-center py-10">
<RefreshIcon class="w-10 h-10 animate-spin text-gray-600" /> <RefreshIcon class="w-10 h-10 animate-spin text-gray-600" />
</div> </div>
</div> </div>
</div> </div>