From 68665039adb5eb26682a7c89b6d30f00a983cca3 Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Wed, 27 Nov 2024 15:00:06 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=90=9B=20Fix=20missing=20wnft=20statu?=
 =?UTF-8?q?s=20in=20claim=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/nft/claim/index.vue | 73 ++++++++++++++++++++++-------------
 1 file changed, 46 insertions(+), 27 deletions(-)

diff --git a/src/pages/nft/claim/index.vue b/src/pages/nft/claim/index.vue
index 84652da10..9a4d3c7d6 100644
--- a/src/pages/nft/claim/index.vue
+++ b/src/pages/nft/claim/index.vue
@@ -578,6 +578,7 @@ import {
 import {
   postStripeFiatPendingClaim,
   getNFTBookClaimEndpoint,
+  getStripeFiatPaymentStatus,
   getNFTBookPaymentStatusEndpoint,
   getFreeNFTBookPurchaseEndpoint,
   getNFTBookCartStatusEndpoint,
@@ -802,6 +803,7 @@ export default {
         !newValue &&
         !(
           this.status === 'completed' ||
+          this.status === 'done' ||
           this.status === 'pending' ||
           this.status === 'pendingNFT'
         )
@@ -854,33 +856,49 @@ export default {
       this.giftInfo = giftInfo;
       if (query.type === 'nft_book') this.clearBookProductShoppingCart();
     } else if (this.paymentId) {
-      try {
-        const { data } = await this.$api.get(
-          getNFTBookPaymentStatusEndpoint({
-            classId: this.classId,
-            collectionId: this.collectionId,
-            paymentId: this.paymentId,
-            token: this.token,
-          })
-        );
-        ({ price, priceIndex } = data);
-        const {
-          giftInfo,
-          isPhysicalOnly,
-          status,
-          autoMemo,
-          isAutoDeliver,
-          quantity,
-        } = data;
-        this.giftInfo = giftInfo;
-        this.isPhysicalOnly = isPhysicalOnly;
-        this.isAutoDeliver = isAutoDeliver;
-        this.creatorMessage = parseAutoMemo(autoMemo);
-        this.status = status;
-        this.quantity = quantity;
-      } catch (err) {
-        // eslint-disable-next-line no-console
-        console.error(err);
+      if (this.isNFTBook) {
+        try {
+          const { data } = await this.$api.get(
+            getNFTBookPaymentStatusEndpoint({
+              classId: this.classId,
+              collectionId: this.collectionId,
+              paymentId: this.paymentId,
+              token: this.token,
+            })
+          );
+          ({ price, priceIndex } = data);
+          const {
+            giftInfo,
+            isPhysicalOnly,
+            status,
+            autoMemo,
+            isAutoDeliver,
+            quantity,
+          } = data;
+          this.giftInfo = giftInfo;
+          this.isPhysicalOnly = isPhysicalOnly;
+          this.isAutoDeliver = isAutoDeliver;
+          this.creatorMessage = parseAutoMemo(autoMemo);
+          this.status = status;
+          this.quantity = quantity;
+        } catch (err) {
+          // eslint-disable-next-line no-console
+          console.error(err);
+        }
+      } else {
+        try {
+          const { data } = await this.$api.get(
+            getStripeFiatPaymentStatus({
+              paymentId: this.paymentId,
+              token: this.token,
+            })
+          );
+          this.status = data.status;
+          price = data.fiatPrice;
+        } catch (err) {
+          // eslint-disable-next-line no-console
+          console.error(err);
+        }
       }
     } else {
       // free purchase?
@@ -1004,6 +1022,7 @@ export default {
 
     if (
       this.status === 'completed' ||
+      this.status === 'done' ||
       this.status === 'pending' ||
       this.status === 'pendingNFT'
     ) {

From 406abfeaa33199ff1bc34ea73d9700f316fd4820 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Thu, 28 Nov 2024 21:18:46 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E2=9C=A8=20Add=20search=20bar=20to=20home?=
 =?UTF-8?q?=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.vue | 84 ++++++++++++++++++++++++++-------------------
 1 file changed, 49 insertions(+), 35 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index cc36f398b..6d08ac214 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -39,15 +39,6 @@
           paddingClass,
         ]"
       >
-        <!-- Hero Center Guide -->
-        <!-- <div
-          :class="[
-            'w-[20px]',
-            'h-[20px]',
-            'bg-[blue]',
-            heroGraphicPositionClass,
-          ]"
-        /> -->
         <svg
           :class="[
             heroGraphicPositionClass,
@@ -326,33 +317,41 @@
               }}</span>
             </i18n>
 
-            <NuxtLink
-              class="relative mt-[0.75rem] flex gap-[4px] items-center group"
-              :to="localeLocation({ name: 'about-nft-book' })"
-              @click.native="handleClickAboutNFTBook"
+            <div
+              class="flex justify-center laptop:justify-end w-full mt-[24px] mb-[8px] z-50"
             >
-              {{ $t('index_intro_more_button') }}
-
-              <svg
-                class="group-hover:animate-pulse"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                :class="[
+                  'flex',
+                  'items-center',
+                  'gap-[12px]',
+                  'bg-white',
+                  'pl-[16px] pr-[4px]',
+                  'w-full laptop:max-w-[360px]',
+                  'h-[48px]',
+                  'shadow-md',
+                  'rounded-[10px]',
+                ]"
               >
-                <g
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
+                <input
+                  class="bg-transparent border-0 focus-visible:outline-none"
+                  type="text"
+                  :placeholder="$t('gutenberg_search_placeholder')"
+                  @input="handleInputSearch"
+                />
+                <ButtonV2
+                  preset="secondary"
+                  class="!rounded-[10px] ml-auto"
+                  content-class="whitespace-nowrap"
+                  :text="$t('listing_page_search')"
+                  @click="toggleSearch"
                 >
-                  <path d="M5 12H19" />
-                  <path d="M15 16L19 12" />
-                  <path d="M15 8L19 12" />
-                </g>
-              </svg>
-            </NuxtLink>
+                  <template #prepend>
+                    <IconSearch />
+                  </template>
+                </ButtonV2>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -504,7 +503,7 @@
         ]"
       >
         <svg
-          class="hidden desktop:block absolute top-0 left-0 pointer-events-none min-1280:scale-125 origin-top-left"
+          class="absolute top-0 left-0 hidden origin-top-left pointer-events-none desktop:block min-1280:scale-125"
           width="334"
           height="271"
           viewBox="0 0 334 271"
@@ -521,7 +520,7 @@
         </svg>
 
         <svg
-          class="absolute top-0 right-0 pointer-events-none min-1280:scale-125 origin-top-right"
+          class="absolute top-0 right-0 origin-top-right pointer-events-none min-1280:scale-125"
           width="276"
           height="222"
           viewBox="0 0 276 222"
@@ -787,6 +786,7 @@ export default {
     return {
       dialogNFTClassList: [],
       isSiteHeaderFixed: false,
+      searchQuery: '',
     };
   },
   async fetch({ store }) {
@@ -1030,6 +1030,20 @@ export default {
     closeMultipleNFTClassDialog() {
       this.dialogNFTClassList = [];
     },
+    handleInputSearch(event) {
+      this.searchQuery = event.target.value;
+    },
+    toggleSearch() {
+      if (this.searchQuery) {
+        this.$router.push(
+          this.localeLocation({
+            name: 'store',
+            query: { q: this.searchQuery },
+          })
+        );
+      }
+      this.searchQuery = '';
+    },
   },
 };
 </script>

From 27c460cce120f744af6d4e89234e22b81acd485f Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Thu, 28 Nov 2024 21:38:41 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=92=84=20Move=20read=20more=20button?=
 =?UTF-8?q?=20to=20feature=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/en.json      |  2 +-
 src/locales/zh-Hant.json |  2 +-
 src/pages/index.vue      | 43 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 402182c5e..e2db1c7ba 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -383,7 +383,7 @@
   "index_hero_slogan_part2": "Redefine Digital Reading",
   "index_intro_description": "Merge technology and humanity. Drive blockchain publishing to preserve and distribute great stories. {likerLand} bridges the new world and old, reshaping reading and media culture.",
   "index_intro_description_liker_land": "Liker Land",
-  "index_intro_more_button": "More",
+  "index_intro_more_button": "More about our story",
   "index_intro_title": "Ebook Store x Digital Publishing",
   "index_page_all_stories_matter_blog_content": "Liker Land Writing NFT widget lets you start a paid subscription or publish paid posts based on your open content from any writing platform such as WordPress, or Substack etc.",
   "index_page_all_stories_matter_blog_heading": "Blogs",
diff --git a/src/locales/zh-Hant.json b/src/locales/zh-Hant.json
index 263b00391..05b557aa4 100644
--- a/src/locales/zh-Hant.json
+++ b/src/locales/zh-Hant.json
@@ -383,7 +383,7 @@
   "index_hero_slogan_part2": "重塑數位閱讀",
   "index_intro_description": "融合科技與人文。推動區塊鏈出版，讓好故事繼續流傳。{likerLand} 連接新世界和舊產業，重塑閱讀和傳播文化。",
   "index_intro_description_liker_land": "Liker Land",
-  "index_intro_more_button": "了解更多",
+  "index_intro_more_button": "了解更多我們的故事",
   "index_intro_title": "電子書店 x 數位出版",
   "index_page_all_stories_matter_blog_content": "Liker Land Writing NFT 小插件助你在保持內容開放的同時，提供付費訂閱服務或收費內容項目，支援 WordPress 或 Substack 等寫作平台。",
   "index_page_all_stories_matter_blog_heading": "部落格",
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 6d08ac214..7babb140b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -548,6 +548,49 @@
             ]"
             v-text="$t('index_features_title')"
           />
+          <div class="flex justify-center">
+            <NuxtLink
+              :class="[
+                'relative',
+                'mt-[0.75rem]',
+                'flex',
+                'gap-[4px]',
+                'items-center',
+                'group',
+
+                'text-white',
+                'border-white',
+                'border-[1px]',
+                'rounded-[48px]',
+                'px-[20px]',
+                'py-[8px]',
+              ]"
+              :to="localeLocation({ name: 'about-nft-book' })"
+              @click.native="handleClickAboutNFTBook"
+            >
+              {{ $t('index_intro_more_button') }}
+
+              <svg
+                class="transition-transform duration-300 ease-in-out group-hover:translate-x-2"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <path d="M5 12H19" />
+                  <path d="M15 16L19 12" />
+                  <path d="M15 8L19 12" />
+                </g>
+              </svg>
+            </NuxtLink>
+          </div>
 
           <NFTBookSignatureBanner
             class="mt-[32px] desktop:mt-[48px]"