From 0b0cc7741b5b6ce79cb078b806bd574e8872e1f2 Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Thu, 27 Jul 2023 18:28:57 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Support=20minting=20free=20wnft?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/NFTMint/WriterMessage.vue | 3 ++-
 locales/en.json                      | 1 +
 pages/nft/iscn/_iscnId.vue           | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/NFTMint/WriterMessage.vue b/components/NFTMint/WriterMessage.vue
index c253f24b..75b34289 100644
--- a/components/NFTMint/WriterMessage.vue
+++ b/components/NFTMint/WriterMessage.vue
@@ -143,7 +143,7 @@
         >
           <span>{{ $t('NFTPortal.label.initialBatch.input') }}</span>
           <select ref="batchInput" @change="(e) => $emit('update-initial-batch', e.target.value)">
-            <option v-for="{ batch, price } in initialBatchOptions" :key="batch" :value="batch">
+            <option v-for="{ batch, price } in initialBatchOptions" :key="batch" :value="batch" :selected="batch === 0">
               {{ price }}
             </option>
           </select>
@@ -176,6 +176,7 @@ export default class WriterMessage extends Vue {
   shouldShowSettings = false
   shouldShowAdvancedSettings = false
   initialBatchOptions = [
+    { batch: -1, price: this.$t('NFTPortal.label.initialBatch.free') },
     { batch: 0, price: 8 },
     { batch: 4, price: 128 },
     { batch: 7, price: 1024 },
diff --git a/locales/en.json b/locales/en.json
index 5dfe8b1c..8a24c416 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -268,6 +268,7 @@
   "NFTPortal.label.detailsPage": "NFT Details Page :",
   "NFTPortal.label.fileUpload": "Has a file? Upload to ISCN here",
   "NFTPortal.label.initialBatch.input": "Initial Price (LIKE)",
+  "NFTPortal.label.initialBatch.free": "All Free",
   "NFTPortal.label.input.email": "Join our community and stay in the loop on exclusive product updates and offers. {link} now!",
   "NFTPortal.label.input.link": "Please leave your email",
   "NFTPortal.label.Iscn": "ISCN ID",
diff --git a/pages/nft/iscn/_iscnId.vue b/pages/nft/iscn/_iscnId.vue
index 54d48c2f..36a74324 100644
--- a/pages/nft/iscn/_iscnId.vue
+++ b/pages/nft/iscn/_iscnId.vue
@@ -480,6 +480,10 @@ export default class NFTTestMintPage extends Vue {
     return undefined
   }
 
+  get isFree() {
+    return this.initialBatch === -1
+  }
+
   async mounted() {
     try {
       await Promise.all([
@@ -843,6 +847,7 @@ export default class NFTTestMintPage extends Vue {
           contentUrl: this.iscnData.contentMetadata?.url,
           initialBatch: this.initialBatch,
           reservedNftCount: this.reserveNft,
+          isFree: this.isFree,
         },
         {
           params: {