Merge pull request #11037 from Jarsen136/issue-11034

fix: Drop calendar: Collection with price that is not set should be TBA

components/drops/BasicDropCard.vue

@@ -59,8 +59,11 @@
                   </span>
                 </div>
               </slot>
+              <div v-if="isTBA(dropPrice)">
+                <span>TBA</span>
+              </div>
               <div
-                v-if="Number(dropPrice)"
+                v-else-if="Number(dropPrice)"
                 class="flex gap-1 items-baseline"
               >
                 <span>{{ formattedPrice }}</span><span class="text-k-grey text-xs">USD</span>
@@ -98,6 +101,7 @@ import { NeoIcon } from '@kodadot1/brick'
 import type { Prefix } from '@kodadot1/static'
 import type { DropStatus } from '@/components/drops/useDrops'
 import { chainPropListOf } from '@/utils/config/chain.config'
+import { isTBA } from '@/components/drops/utils'
 
 const emit = defineEmits(['click'])
 const props = withDefaults(

components/drops/calendar/DropPreviewModal.vue

@@ -164,6 +164,7 @@ import { format } from 'date-fns'
 import type { InternalDropCalendar } from './DropsCalendar.vue'
 import { useCollectionMinimal } from '@/components/collection/utils/useCollectionDetails'
 import { chainPropListOf } from '@/utils/config/chain.config'
+import { isTBA } from '@/components/drops/utils'
 
 const NuxtLink = resolveComponent('NuxtLink')
 const placeholder = 'TBA'
@@ -210,5 +211,5 @@ const formattedDate = computed(() =>
 )
 
 const withPlaceholder = (nullableValue: unknown, or: unknown) =>
-  nullableValue === null ? placeholder : or
+  isTBA(nullableValue) ? placeholder : or
 </script>

components/drops/utils.ts

@@ -152,3 +152,5 @@ export async function getDropAttributes(alias: string): Promise<DropItem | undef
     status: getLocalDropStatus(drop),
   }
 }
+
+export const isTBA = (price: unknown) => price === null || price === ''