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 error = ref("");
const route = useRoute();
const addressParam = String(route.params.address);
@ -184,7 +185,7 @@ onMounted(async () => {
}
if (!address.value) {
// do something
error.value = "Invalid address or ENS name";
return;
}
@ -250,7 +251,11 @@ onMounted(async () => {
<template>
<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 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
:size="196"
:value="address"
@ -380,7 +385,7 @@ onMounted(async () => {
</div>
<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>