fix: placeholder image

kodadot · Apr 25, 2023 · 90af86d · 90af86d
1 parent 32aa491
commit 90af86d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/components/collection/activity/events/eventRow/EventRowDesktop.vue b/components/collection/activity/events/eventRow/EventRowDesktop.vue
@@ -5,7 +5,11 @@
         <nuxt-link
           :to="`/${urlPrefix}/gallery/${event.nft.id}`"
           class="height-50px">
-          <NeoAvatar :avatar="avatar" :name="event.nft.name" :size="50" />
+          <NeoAvatar
+            :avatar="avatar"
+            :placeholder="placeholder"
+            :name="event.nft.name"
+            :size="50" />
         </nuxt-link>
         <nuxt-link
           class="is-ellipsis is-inline-block"
@@ -95,6 +99,7 @@ const props = defineProps<{
 }>()
 
 const avatar = ref<string>()
+const { placeholder } = useTheme()
 
 const interactionName = computed(
   () => interactionNameMap[props.event.interaction] || props.event.interaction

diff --git a/components/collection/activity/events/eventRow/EventRowTablet.vue b/components/collection/activity/events/eventRow/EventRowTablet.vue
@@ -3,7 +3,11 @@
     <div class="is-flex height-70px line-height-1">
       <nuxt-link :to="`/${urlPrefix}/gallery/${event.nft.id}`">
         <div class="mr-5">
-          <NeoAvatar :avatar="avatar" :name="event.nft.name" :size="70" />
+          <NeoAvatar
+            :avatar="avatar"
+            :placeholder="placeholder"
+            :name="event.nft.name"
+            :size="70" />
         </div>
       </nuxt-link>
       <div
@@ -81,7 +85,7 @@ const props = defineProps<{
 }>()
 
 const avatar = ref<string>()
-
+const { placeholder } = useTheme()
 const interactionName = computed(
   () => interactionNameMap[props.event.interaction] || props.event.interaction
 )