@@ -69,7 +68,7 @@
variant="k-accent"
no-shadow
class="is-flex is-flex-grow-1 py-5 is-capitalized btn-height"
- @click.native="transfer" />
+ @click="transfer" />
@@ -102,7 +101,8 @@ const props = defineProps<{
value: boolean
}>()
-const { $route, $i18n } = useNuxtApp()
+const { $i18n } = useNuxtApp()
+const route = useRoute()
const { transaction, status, isLoading } = useTransaction()
const { urlPrefix } = usePrefix()
const { decimals, chainSymbol, chainProperties } = useChain()
@@ -128,17 +128,17 @@ const transferItemLabel = computed(() => {
})
const isYourAddress = computed(
- () => accountId.value === getChainAddress(address.value)
+ () => accountId.value === getChainAddress(address.value),
)
const isDisabled = computed(
- () => !address.value || !isAddressValid.value || isYourAddress.value
+ () => !address.value || !isAddressValid.value || isYourAddress.value,
)
const nftPrice = computed(() =>
Number(props.nft.price)
? formatBalance(Number(props.nft.price), decimals.value, chainSymbol.value)
- : '--'
+ : '--',
)
const getAvatar = async () => {
@@ -169,7 +169,7 @@ const transfer = () => {
interaction: Interaction.SEND,
urlPrefix: urlPrefix.value,
address: address.value,
- tokenId: $route.params.id,
+ tokenId: route.params.id.toString(),
nftId: props.nft.id,
successMessage: $i18n.t('transaction.item.success') as string,
errorMessage: $i18n.t('transaction.item.error') as string,
@@ -182,7 +182,7 @@ onMounted(() => {
diff --git a/components/common/listingCart/shared/ListingCartPriceInput.vue b/components/common/listingCart/shared/ListingCartPriceInput.vue
index 0e6ac1a2de..6ff4cced49 100644
--- a/components/common/listingCart/shared/ListingCartPriceInput.vue
+++ b/components/common/listingCart/shared/ListingCartPriceInput.vue
@@ -14,25 +14,28 @@
v-if="check"
no-shadow
class="shade-border-color ml-2 height-40"
+ icon-pack="fas"
icon="check"
- @click.native="emit('confirm')" />
+ @click="emit('confirm')" />
+
diff --git a/components/create/Confirm/MintConfirmModal.vue b/components/create/Confirm/MintConfirmModal.vue
new file mode 100644
index 0000000000..7c202aed00
--- /dev/null
+++ b/components/create/Confirm/MintConfirmModal.vue
@@ -0,0 +1,273 @@
+
+
+
+
+
+ {{ $t('mint.nft.modal.action') }}
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/create/Confirm/PriceItem.vue b/components/create/Confirm/PriceItem.vue
new file mode 100644
index 0000000000..74ff573030
--- /dev/null
+++ b/components/create/Confirm/PriceItem.vue
@@ -0,0 +1,175 @@
+
+
+
+
+
+
{{ $t('mint.nft.modal.networkFee') }}
+
+
+
+
+ {{ depositText }}
+
+
+
+
+
+
+
+
+ {{ $t('mint.nft.modal.kodadotFee') }}
+
+
+
+
+
+ {{ nft.kodadotUSDFee }} USD ~
+
+
+
+
+
+ {{ $t('mint.nft.modal.carbonless') }}
+
+
+
+ {{ nft.carbonlessUSDFee }} USD ~
+
+
+
+
+
+
{{ $t('mint.nft.modal.totalFee') }}:
+
+
+ $ {{ nft.totalUSDFee }}
+
+
+
+
+
+
+
+
diff --git a/components/create/CreateCollection.vue b/components/create/CreateCollection.vue
index d0ceb6c957..596713818b 100644
--- a/components/create/CreateCollection.vue
+++ b/components/create/CreateCollection.vue
@@ -1,10 +1,14 @@
-
+