diff --git a/components/drops/BasicDropCard.vue b/components/drops/BasicDropCard.vue
index 8912861b74..95ec0d990d 100644
--- a/components/drops/BasicDropCard.vue
+++ b/components/drops/BasicDropCard.vue
@@ -45,11 +45,25 @@
-
-
-
{{ minted }}/{{ dropMax }}
+
+
+
+ {{ minted }}/{{ dropMax }}
+
+
+
+ {{ formattedPrice }}USD
-
+
+ {{ $t('free') }}
+
+
+
import type { Prefix } from '@kodadot1/static'
import type { DropStatus } from '@/components/drops/useDrops'
+import { chainPropListOf } from '@/utils/config/chain.config'
const emit = defineEmits(['click'])
-withDefaults(
+const props = withDefaults(
defineProps<{
image: string | undefined
name: string
@@ -91,6 +106,7 @@ withDefaults(
minted?: number
ownerAddresses?: string[]
dropCreator?: string | null
+ dropPrice?: string
}>(),
{
loading: false,
@@ -107,6 +123,13 @@ withDefaults(
)
const { placeholder } = useTheme()
+
+const chainPropList = chainPropListOf(props.dropPrefix)
+const { usd: formattedPrice } = useAmount(
+ computed(() => props.dropPrice),
+ toRef(chainPropList.tokenDecimals),
+ toRef(chainPropList.tokenSymbol),
+)