From c208c71923fdb09daadd5acaf0d4a3eed70f4cd0 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Thu, 28 Dec 2023 23:46:36 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=92=84=20Add=20a=20button=20that=20le?=
 =?UTF-8?q?ads=20to=20the=20likerland=20NFT=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/en.json              |  1 +
 pages/view/_iscnId/index.vue | 31 +++++++++++++++++++++++++++++--
 utils/cosmos/index.ts        | 15 +++++++++------
 3 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/locales/en.json b/locales/en.json
index 37880133..2beeec8e 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -272,6 +272,7 @@
   "NFTPortal.button.download.iscn": "Download JSON",
   "NFTPortal.button.mint": "Mint NFT",
   "NFTPortal.button.mint.book": "Mint Book",
+  "NFTPortal.button.check.nft": "Check NFT",
   "NFTPortal.button.next":"Next",
   "NFTPortal.button.mintContinueLong": "Continue to mint Writing NFTs",
   "NFTPortal.button.mintContinue": "Continue to mint NFT",
diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index 048ed1b6..d70acd32 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -86,6 +86,7 @@
       :class="[
         'flex',
         'justify-end',
+        'items-center',
         'w-full',
         'pt-[24px]',
         'gap-[8px]',
@@ -111,6 +112,19 @@
         :to="localeLocation({ name: 'nft-iscn-iscnId', params: { iscnId: iscnId }, query: mintQueries })"
         :text="$t('NFTPortal.button.mint')"
       />
+      <div class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
+        <Button
+          v-if="!isShowMintButton"
+          preset="tertiary"
+          :text="$t('NFTPortal.button.check.nft')"
+          :href="likerlandNftUrl"
+          target="_blank"
+        >
+          <template #append>
+            <IconArrowRight />
+          </template>
+        </Button>
+      </div>
     </div>
     <div
       :class="[
@@ -639,6 +653,7 @@ export default class ViewIscnIdPage extends Vue {
   }
 
   isPreminted = !this.isPopupLayout // assume popup is not preminted
+  classId = ''
 
   @iscnModule.Getter getISCNById!: (arg0: string) => ISCNRecordWithID
   @iscnModule.Action fetchISCNById!: (arg0: string) => Promise<{
@@ -734,6 +749,10 @@ export default class ViewIscnIdPage extends Vue {
     )
   }
 
+  get likerlandNftUrl(){
+    return `${LIKER_LAND_URL}/en/nft/class/${this.classId}`
+  }
+
   async mounted() {
     if (!this.iscnId) {
       const param = this.$route.params.iscnId
@@ -756,15 +775,20 @@ export default class ViewIscnIdPage extends Vue {
       this.$router.replace({ params: { iscnId: this.iscnId } })
     }
     if (this.isNFTBook) {
-      const premintClassCount = await getExistingClassCount(
+      const {
+        count: premintClassCount,
+        classes,
+      }: { count: number; classes: any } = await getExistingClassCount(
         extractIscnIdPrefix(this.iscnId),
       )
       this.isPreminted = Boolean(premintClassCount > 0)
+      if (this.isPreminted) {
+        this.classId = classes[0].id
+      }
     } else {
       this.getMintInfo()
     }
 
-
     if (!this.getISCNById(this.iscnId) || !this.iscnOwner) {
       const res = await this.fetchISCNById(this.iscnId)
       if (res) {
@@ -918,6 +942,9 @@ export default class ViewIscnIdPage extends Vue {
         paramsSerializer: (params) => qs.stringify(params),
       })
       this.isPreminted = !!data.classId
+      if(this.isPreminted) {
+        this.classId = data.classId
+      }
     } catch (err) {
       this.isPreminted = false
       if ((err as any).response?.status !== 404) {
diff --git a/utils/cosmos/index.ts b/utils/cosmos/index.ts
index a43743a2..80b5dab1 100644
--- a/utils/cosmos/index.ts
+++ b/utils/cosmos/index.ts
@@ -58,16 +58,19 @@ export async function getISCNQueryClient() {
 }
 
 export async function getExistingClassCount(iscnPrefix: any) {
-  const newIscnQueryClient = await getISCNQueryClient();
-  const cosmosQueryClient = await newIscnQueryClient.getQueryClient();
+  const newIscnQueryClient = await getISCNQueryClient()
+  const cosmosQueryClient = await newIscnQueryClient.getQueryClient()
   try {
     const { classes } = await cosmosQueryClient.likenft.classesByISCN(iscnPrefix)
-    return classes.length;
+    return { count: classes.length, classes }
   } catch (error) {
-    if (error.message === 'Query failed with (18): rpc error: code = InvalidArgument desc = not found: invalid request') {
-      return 0;
+    if (
+      (error as Error).message ===
+      'Query failed with (18): rpc error: code = InvalidArgument desc = not found: invalid request'
+    ) {
+      return { count: 0, classes: null }
     }
-      throw error;
+    throw error
   }
 }
 

From 160380757af7a6e8c581134d47482b9e793d530d Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Fri, 29 Dec 2023 00:30:06 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=92=84=20Add=20portfolio=20link=20whe?=
 =?UTF-8?q?n=20searching=20owner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/en.json           |  1 +
 pages/search/_keyword.vue | 44 +++++++++++++++++++++++++++++++--------
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/locales/en.json b/locales/en.json
index 2beeec8e..1c042eec 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -374,6 +374,7 @@
   "UploadForm.warning": "Oops, file is too large. The file size should not exceed {size}MB",
   "WorksPage.empty.label": "No works",
   "WorksPage.label.search.result": "Search result for :",
+  "WorksPage.label.check.owner.portfolio": "check owner portfolio",
   "WorksPage.label.portfolio": "View my Writing NFT Portfolio",
   "WorksPage.pagination.button.first": "First",
   "WorksPage.pagination.button.last": "Last",
diff --git a/pages/search/_keyword.vue b/pages/search/_keyword.vue
index 67ad716e..a73d9ebb 100644
--- a/pages/search/_keyword.vue
+++ b/pages/search/_keyword.vue
@@ -54,11 +54,24 @@
         </Button>
       </div>
 
-      <div :class="['flex', 'flex-col', 'items-center', 'flex-shrink']">
+      <div
+        v-if="searchResultText"
+        :class="['flex', 'flex-col', 'items-center', 'flex-shrink','gap-[4px]']"
+      >
         <Label preset="h6" :text="$t('WorksPage.label.search.result')" />
-        <Label class="text-center" preset="h5" align="center">{{
-          keyword
-        }}</Label>
+        <Label
+          class="text-center text-medium-gray"
+          preset="p5"
+          align="center"
+          :text="searchResultText"
+        />
+        <a
+          v-if="owner"
+          :href="ownerPortfolioUrl"
+          target="_blank"
+          class="flex items-center justify-center cursor-pointer text-like-green text-[14px] underline underline-offset-1"
+          >{{ $t('WorksPage.label.check.owner.portfolio') }}<IconNorthEast/>
+        </a>
       </div>
 
       <div
@@ -107,6 +120,7 @@ import { Vue, Component, Watch } from 'vue-property-decorator'
 import { namespace } from 'vuex-class'
 import { ISCNRecordWithID } from '~/utils/cosmos/iscn/iscn.type'
 import { logTrackerEvent } from '~/utils/logger'
+import { LIKER_LAND_URL } from '~/constant'
 
 const iscnModule = namespace('iscn')
 
@@ -135,17 +149,19 @@ export default class SearchPage extends Vue {
   ) => ISCNRecordWithID[] | PromiseLike<ISCNRecordWithID[]>
 
   @iscnModule.Action queryISCNByField!: (
-    arg0: { 
+    arg0: {
       iscnId?: string,
       owner?: string,
       contentFingerprint?: string,
       stakeholderId?: string,
       stakeholderName?: string,
-      keyword?: string, 
+      keyword?: string,
   }) => ISCNRecordWithID[] | PromiseLike<ISCNRecordWithID[]>
 
   pageNumber = Number(this.$route.query.page) || 0
   closeWarning = false
+  owner: any = ''
+  iscnId: any = ''
 
   get queryAllTerm(): string {
     const { q } = this.$route.query
@@ -161,6 +177,14 @@ export default class SearchPage extends Vue {
     return !!this.errorMessage
   }
 
+  get searchResultText() {
+    return this.owner || this.iscnId
+  }
+
+  get ownerPortfolioUrl() {
+    return `${LIKER_LAND_URL}/en/${this.owner}?tab=created`
+  }
+
   mounted() {
     this.search()
   }
@@ -177,19 +201,21 @@ export default class SearchPage extends Vue {
     });
   }
 
-  async search(){
+  async search() {
     logTrackerEvent(this, 'ISCNSearch', 'ISCNSearchResult', this.queryAllTerm, 1)
     if (this.queryAllTerm)  {
       await this.queryISCNByKeyword(this.queryAllTerm)
     } else {
-      const { 
+      const {
         iscnId,
         owner,
         content_fingerprint: contentFingerprint,
         stakeholder_id: stakeholderId,
-        stakeholder_name: stakeholderName, 
+        stakeholder_name: stakeholderName,
         keyword,
       } = this.$route.query;
+      this.owner = owner;
+      this.iscnId = iscnId
       const searchObject = {
         iscnId: iscnId as string,
         owner: owner as string,

From d1a4c0362ac01c5c33ec347af490dfcf609b84e5 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Fri, 29 Dec 2023 00:51:31 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=F0=9F=92=84=20Update=20nftUrl=20button=20s?=
 =?UTF-8?q?tyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/view/_iscnId/index.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index d70acd32..a21efd1d 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -112,9 +112,8 @@
         :to="localeLocation({ name: 'nft-iscn-iscnId', params: { iscnId: iscnId }, query: mintQueries })"
         :text="$t('NFTPortal.button.mint')"
       />
-      <div class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
+      <div v-if="!isShowMintButton" class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
         <Button
-          v-if="!isShowMintButton"
           preset="tertiary"
           :text="$t('NFTPortal.button.check.nft')"
           :href="likerlandNftUrl"

From 4f527bed4c22b149766cd653e6b41851851bf034 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Tue, 2 Jan 2024 15:43:48 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=F0=9F=8E=A8=20Use=20classId=20as=20conditi?=
 =?UTF-8?q?on=20for=20displaying=20the=20NFT=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/view/_iscnId/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index a21efd1d..56d0b30d 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -112,7 +112,7 @@
         :to="localeLocation({ name: 'nft-iscn-iscnId', params: { iscnId: iscnId }, query: mintQueries })"
         :text="$t('NFTPortal.button.mint')"
       />
-      <div v-if="!isShowMintButton" class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
+      <div v-if="!!classId" class="flex justify-center items-center p-[4px] rounded-[12px] border-like-cyan-light border-[2px]">
         <Button
           preset="tertiary"
           :text="$t('NFTPortal.button.check.nft')"

From 741ccc94574dc2f6619b7b43b9cd0f43bbcc6ffe Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Tue, 2 Jan 2024 15:44:24 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=8E=A8=20Add=20noopener=20for=20owner?=
 =?UTF-8?q?PortfolioUrl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/search/_keyword.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/search/_keyword.vue b/pages/search/_keyword.vue
index a73d9ebb..f481664c 100644
--- a/pages/search/_keyword.vue
+++ b/pages/search/_keyword.vue
@@ -69,6 +69,7 @@
           v-if="owner"
           :href="ownerPortfolioUrl"
           target="_blank"
+          rel="noopener"
           class="flex items-center justify-center cursor-pointer text-like-green text-[14px] underline underline-offset-1"
           >{{ $t('WorksPage.label.check.owner.portfolio') }}<IconNorthEast/>
         </a>