diff --git a/components/collection/drop/CreatedBy.vue b/components/collection/drop/CreatedBy.vue index 7a16f77bcb..4981cce740 100644 --- a/components/collection/drop/CreatedBy.vue +++ b/components/collection/drop/CreatedBy.vue @@ -1,19 +1,23 @@ diff --git a/components/collection/drop/GenerativeLayout.vue b/components/collection/drop/GenerativeLayout.vue index 746bb871a4..cdf15da4dd 100644 --- a/components/collection/drop/GenerativeLayout.vue +++ b/components/collection/drop/GenerativeLayout.vue @@ -5,11 +5,11 @@
-
+
{{ $t('tooltip.created') }}
- +
@@ -100,7 +100,7 @@ const { collection: collectionInfo } = useCollectionMinimal({ const divider = ref() -const address = computed(() => collectionInfo.value?.currentOwner) +const address = computed(() => drop.value?.creator) const { owners } = useCollectionActivity({ collectionId: computed(() => drop.value?.collection), diff --git a/components/drops/BasicDropCard.vue b/components/drops/BasicDropCard.vue index bb9015c122..545dffc5c1 100644 --- a/components/drops/BasicDropCard.vue +++ b/components/drops/BasicDropCard.vue @@ -16,10 +16,20 @@
- {{ name }} +
+
+ {{ name }} + +
+ +
+ + +
+
@@ -58,7 +68,7 @@ withDefaults( name: string dropStartTime?: Date | null dropStatus: DropStatus - dropPrefix?: Prefix + dropPrefix?: Prefix | null loading?: boolean cardIs?: string | object to?: string @@ -66,6 +76,7 @@ withDefaults( dropMax?: number minted?: number ownerAddresses?: string[] + dropCreator?: string | null }>(), { loading: false, @@ -76,6 +87,7 @@ withDefaults( minted: 0, dropMax: 0, timeTagWithTime: false, + dropCreator: undefined, ownerAddresses: () => [], }, ) diff --git a/components/drops/ChainPill.vue b/components/drops/ChainPill.vue new file mode 100644 index 0000000000..182f9101e5 --- /dev/null +++ b/components/drops/ChainPill.vue @@ -0,0 +1,31 @@ + + diff --git a/components/drops/DropCard.vue b/components/drops/DropCard.vue index b21d6c4a3b..e5054e1918 100644 --- a/components/drops/DropCard.vue +++ b/components/drops/DropCard.vue @@ -6,10 +6,12 @@ :name="drop.collection.name" :image="image" :show-time-tag="Boolean(drop.dropStartTime || ended)" + :owner-addresses="ownerAddresses" + :drop-creator="drop.creator" :drop-start-time="drop.dropStartTime" :drop-status="drop.status" - :owner-addresses="ownerAddresses" :drop-max="drop.max || FALLBACK_DROP_COLLECTION_MAX" + :drop-prefix="drop.chain" :minted="drop.minted" /> diff --git a/components/drops/DropCardSkeleton.vue b/components/drops/DropCardSkeleton.vue index 6fc842ea17..0cc09c6540 100644 --- a/components/drops/DropCardSkeleton.vue +++ b/components/drops/DropCardSkeleton.vue @@ -6,8 +6,44 @@
-
- +
+
+
+ +
+
+
+ +
+ +
+ +
+
+
+
+
+ +
+
+ +
+ {{ $t('chain') }}: + + {{ placeholder }} +
diff --git a/components/drops/calendar/DropsCalendar.vue b/components/drops/calendar/DropsCalendar.vue index 229f691c47..e6cf9de9ae 100644 --- a/components/drops/calendar/DropsCalendar.vue +++ b/components/drops/calendar/DropsCalendar.vue @@ -45,6 +45,8 @@ :drop-status="DropStatus.SCHEDULED" :drop-max="item.supply as number" :time-tag-with-time="calendarHasTime(item)" + :drop-prefix="item.chain" + :drop-creator="item.creator" @click="() => handleClick(item)">