Merge pull request kodadot#5742 from Jarsen136/issue-5740

fix: Loading preview for NFTs in search doesnt work
preschian · Apr 20, 2023 · b11c88c · b11c88c
2 parents c0a81b9 + 6ee4e97
commit b11c88c
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/components/search/SearchSuggestion.vue b/components/search/SearchSuggestion.vue
@@ -21,7 +21,7 @@
             :value="item"
             :class="`link-item ${idx === selectedIndex ? 'selected-item' : ''}`"
             @click="gotoCollectionItem(item)">
-            <SearchResultItem :image="item.image || item.mediaUri">
+            <SearchResultItem :image="item.image">
               <template #content>
                 <div
                   class="is-flex is-flex-direction-row is-justify-content-space-between pt-2 pr-2">
@@ -211,7 +211,7 @@ import {
   CollectionWithMeta,
   NFTWithMeta,
 } from '@/components/rmrk/service/scheme'
-import { getSanitizer } from '@/utils/ipfs'
+import { sanitizeIpfsUrl } from '@/utils/ipfs'
 import PrefixMixin from '~/utils/mixins/prefixMixin'
 import { logError, mapNFTorCollectionMetadata } from '~/utils/mappers'
 import { processMetadata } from '~/utils/cachingStrategy'
@@ -361,7 +361,10 @@ export default class SearchSuggestion extends mixins(PrefixMixin) {
             collectionResult.push({
               ...collections[i],
               ...meta,
-              image: getSanitizer(meta.image || '', 'image')(meta.image || ''),
+              image: sanitizeIpfsUrl(
+                meta.image || meta.mediaUri || '',
+                'image'
+              ),
             })
           }
         )
@@ -545,9 +548,9 @@ export default class SearchSuggestion extends mixins(PrefixMixin) {
         nftResult.push({
           ...nftList[i],
           ...meta,
-          image: getSanitizer(meta.image || '', 'image')(meta.image || ''),
-          animation_url: getSanitizer(meta.animation_url || '')(
-            meta.animation_url || ''
+          image: sanitizeIpfsUrl(
+            meta.image || meta.animation_url || meta.mediaUri || '',
+            'image'
           ),
         })
       })
@@ -585,8 +588,7 @@ export default class SearchSuggestion extends mixins(PrefixMixin) {
         collectionWithImages.push({
           ...collections[i],
           ...meta,
-          image: getSanitizer(meta.image || '', 'image')(meta.image || ''),
-          mediaUri: getSanitizer(meta.mediaUri || '')(meta.mediaUri || ''),
+          image: sanitizeIpfsUrl(meta.image || meta.mediaUri || '', 'image'),
         })
       })
       this.collectionResult = collectionWithImages