diff --git a/components/collection/CollectionCard.vue b/components/collection/CollectionCard.vue
index 2d0137d131..773b646bce 100644
--- a/components/collection/CollectionCard.vue
+++ b/components/collection/CollectionCard.vue
@@ -3,20 +3,22 @@
-
-
-
+
+
+
+
+
-
+
@@ -32,6 +34,7 @@ import CollectionDetail from './CollectionDetail.vue'
import type { Metadata } from '@/components/rmrk/service/scheme'
const { urlPrefix } = usePrefix()
+const isLoadingMeta = ref(false)
interface Props {
isLoading?: boolean
@@ -46,11 +49,13 @@ onMounted(async () => {
return
}
+ isLoadingMeta.value = true
const metadata = (await processSingleMetadata(
props.collection.metadata
)) as Metadata
image.value = sanitizeIpfsUrl(
metadata.image || metadata.thumbnailUri || metadata.mediaUri || ''
)
+ isLoadingMeta.value = false
})
diff --git a/components/common/ConnectWallet/WalletMenuItem.vue b/components/common/ConnectWallet/WalletMenuItem.vue
index bf34d120d1..b09f6499e6 100644
--- a/components/common/ConnectWallet/WalletMenuItem.vue
+++ b/components/common/ConnectWallet/WalletMenuItem.vue
@@ -8,10 +8,11 @@
-
+ :alt="wallet.extensionName"
+ width="32"
+ style="vertical-align: middle" />
{{ wallet.name }}
diff --git a/components/generative/CongratsView.vue b/components/generative/CongratsView.vue
index 0e0bcb3201..21759420d9 100644
--- a/components/generative/CongratsView.vue
+++ b/components/generative/CongratsView.vue
@@ -1,15 +1,14 @@
-
Waii you made it! ✨
Your NFT should be ready in 1 minute
In the meanwhile, click here to check the collection ♥️🍷
-
-
import { COLLECTION_ID } from './promptBuilder'
+import BasicImage from '@/components/shared/view/BasicImage.vue'
+import SubmitButton from '@/components/base/SubmitButton.vue'
-const SubmitButton = defineAsyncComponent(
- () => import('@/components/base/SubmitButton.vue')
-)
-
-const { urlPrefix } = usePrefix()
const collectionId = COLLECTION_ID
-
const emit = defineEmits(['select'])
-
-const submit = () => {
- emit('select')
-}
+const submit = () => emit('select')
diff --git a/components/series/SeriesTable.vue b/components/series/SeriesTable.vue
index 871cbfa367..5227508662 100644
--- a/components/series/SeriesTable.vue
+++ b/components/series/SeriesTable.vue
@@ -36,13 +36,7 @@
header-class="front-stack-layer"
cell-class="is-vcentered">
-
-
+
@@ -330,6 +324,7 @@ const components = {
Identity: () => import('@/components/identity/IdentityIndex.vue'),
Money: () => import('@/components/shared/format/Money.vue'),
Loader: () => import('@/components/shared/Loader.vue'),
+ BasicImage: () => import('@/components/shared/view/BasicImage.vue'),
}
@Component({ components })
diff --git a/components/shared/view/BasicImage.vue b/components/shared/view/BasicImage.vue
index 26adc0d864..c81ed43b23 100644
--- a/components/shared/view/BasicImage.vue
+++ b/components/shared/view/BasicImage.vue
@@ -1,17 +1,19 @@
-
-
-
-
-
+
+
+
diff --git a/components/shared/view/SelectableImage.vue b/components/shared/view/SelectableImage.vue
index ccaa1ed859..a3ddb951d9 100644
--- a/components/shared/view/SelectableImage.vue
+++ b/components/shared/view/SelectableImage.vue
@@ -1,17 +1,17 @@
-
+ @click.native="handleClick" />