💄 Add bookstore cta in empty portfolio

likecoin · Feb 11, 2025 · 67044a4 · 67044a4
1 parent e325d3e
commit 67044a4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 13 deletions.
diff --git a/src/components/NFTPortfolio/Empty.vue b/src/components/NFTPortfolio/Empty.vue
@@ -14,9 +14,16 @@
           class="w-[42px] h-[42px] rounded-[50%] bg-shade-gray border-[2px] border-white"
         />
         <Label class="text-medium-gray mt-[12px]" :text="cardText" />
+        <NuxtLink
+          v-if="shouldShowCrisp"
+          class="mt-[12px] text-like-green font-600"
+          :to="localeLocation({ name: 'bookstore' })"
+        >
+          {{ $t('portfolio_collected_tab_get_more_item') }}
+        </NuxtLink>
         <i18n
           v-if="shouldShowCrisp"
-          class="flex items-center text-medium-gray text-[14px] mt-[12px]"
+          class="flex items-center text-medium-gray text-[14px] mt-[24px]"
           path="nft_claim_claimed_empty_collected_help"
         >
           <button

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -550,7 +550,7 @@
   "nft_claim_claimed_download": "Other Ways to Obtain the eBook",
   "nft_claim_claimed_empty_collected_help": "Can't find your purchased content? Seek {help}.",
   "nft_claim_claimed_empty_crisp_prefilled_message": "Hi, I am unable to find the ebook I recently purchased. Could you please help me locate it? Thank you!",
-  "nft_claim_claimed_help": "online help",
+  "nft_claim_claimed_help": "help here",
   "nft_claim_claimed_message_title": "{name}'s message:",
   "nft_claim_claimed_nft_book": "You have successfully completed the required verification to claim your eBook. Please await the addition of the creator's digital signature or personalized message, after which the eBook will be delivered to you. Thank you for your valued support!",
   "nft_claim_claimed_title_autoDelivery": "You have successfully claimed your eBook | You have successfully claimed your {count} eBooks",
@@ -841,6 +841,7 @@
   "portfolio_collect_all_button": "Collect All",
   "portfolio_collect_all_description": "Don't miss out on any of my amazing works! Grab them all with just one click now!",
   "portfolio_collected_tab_no_item": "Collected NFT will be shown here",
+  "portfolio_collected_tab_get_more_item": "Find your next favorite book in bookstore",
   "portfolio_created_tab_no_item": "Created NFT will be shown here",
   "portfolio_description": "I am what I read. Explore my collection.",
   "portfolio_finding_more_button": "Find more Writing NFT",

diff --git a/src/locales/zh-Hant.json b/src/locales/zh-Hant.json
@@ -842,6 +842,7 @@
   "portfolio_collect_all_button": "一鍵收藏",
   "portfolio_collect_all_description": "別錯過任何我的作品。點擊一下，立即全部收藏！",
   "portfolio_collected_tab_no_item": "已收藏的作品將在此展示",
+  "portfolio_collected_tab_get_more_item": "立刻發掘更多佳作",
   "portfolio_created_tab_no_item": "已創作的作品將在此展示",
   "portfolio_description": "我的閱讀清單，構成我的精神面貌。歡迎以文會友。",
   "portfolio_finding_more_button": "發現更多佳作",

diff --git a/src/pages/bookshelf/index.vue b/src/pages/bookshelf/index.vue
@@ -197,23 +197,13 @@ export default {
     },
   },
   watch: {
-    isLoading(isLoading) {
-      if (!isLoading) {
-        if (
-          // If collected tab is empty
-          this.isCurrentTabCollected &&
-          !this.nftClassListOfFilteredCollectedByType.length
-        ) {
-          this.changeTab(tabOptions.created);
-        }
-      }
-    },
     wallet() {
       this.fetchData();
     },
   },
   mounted() {
     this.syncRouteForTab();
+    this.changeTab(tabOptions.collected);
     this.fetchData();
   },
   methods: {