From dfe4c6ba4976f6d7e4972527e9ce8865b8476a81 Mon Sep 17 00:00:00 2001
From: "Ng Wing Tat, David" <i@ngwingt.at>
Date: Tue, 12 Dec 2023 11:36:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=EF=B8=8F=20Fix=20control=20bar=20f?=
 =?UTF-8?q?or=20NFT=20Book=20(#1457)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🐛 Fix control bar price for NFT Book

* 🐛 Fix control bar collect button functionality for NFT Book
---
 src/mixins/nft.js                      | 5 ++---
 src/pages/nft/class/_classId/index.vue | 6 ++++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/mixins/nft.js b/src/mixins/nft.js
index 17146343c..88a6fb1f4 100644
--- a/src/mixins/nft.js
+++ b/src/mixins/nft.js
@@ -328,9 +328,8 @@ export default {
         : '-';
     },
     controlBarPriceLabel() {
-      if (this.nftIsNFTBook && this.nftBookAvailablePriceLabel) {
-        // Do not show the second-hand price if there is stock left
-        return '';
+      if (this.nftIsNFTBook) {
+        return this.nftBookAvailablePriceLabel;
       }
       return this.NFTPrice && formatNumberWithUSD(this.NFTPrice);
     },
diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
index cc2d4c04f..6ca86b961 100644
--- a/src/pages/nft/class/_classId/index.vue
+++ b/src/pages/nft/class/_classId/index.vue
@@ -753,6 +753,12 @@ export default {
     },
     async handleCollect() {
       logTrackerEvent(this, 'NFT', 'NFTCollect(DetailsPage)', this.classId, 1);
+
+      if (this.nftIsNFTBook) {
+        await this.handleCollectFromEdition(this.defaultSelectedValue);
+        return;
+      }
+
       try {
         this.isCollecting = true;
         await this.collectNFT();