From 4a64fc38fce858d19140ddf0674b27e2fe631331 Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Fri, 8 Mar 2024 12:04:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Change=20hint=20about=20likerlan?=
 =?UTF-8?q?d=20app=20to=20generic=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AppHeader.vue                   | 12 +++++++----
 components/Attentions/OpenLikerLandApp.vue | 23 +++++++---------------
 components/MintPageContainer.vue           | 10 +++++++---
 locales/en.json                            |  2 +-
 pages/nft/iscn/_iscnId.vue                 |  8 ++++++--
 5 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index 5549927e..f3bb2d5c 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -93,14 +93,14 @@
                 :title="currentAddress"
               >
                 <template
-                  v-if="isWalletFromLikerLikerApp"
+                  v-if="isUsingMobileApp"
                   #prepend
                 >
                   <IconWalletConnectLogo />
                 </template>
                 <div
                   :class="[
-                    isWalletFromLikerLikerApp ? 'w-[116px]' : 'w-[148px]',
+                    isUsingMobileApp ? 'w-[116px]' : 'w-[148px]',
                     'overflow-hidden',
                     'overflow-ellipsis',
                   ]"
@@ -171,8 +171,12 @@ export default class AppHeader extends Vue {
     return !!IS_TESTNET
   }
 
-  get isWalletFromLikerLikerApp() {
-    return this.walletType === 'liker-id';
+  get isUsingMobileApp() {
+    return this.walletType?.includes('mobile') || this.walletType?.includes('walletconnect') || this.isUsingLikerLandApp
+  }
+
+  get isUsingLikerLandApp() {
+    return this.walletType === 'likerland-app'
   }
 
   handleClickSignOutButton() {
diff --git a/components/Attentions/OpenLikerLandApp.vue b/components/Attentions/OpenLikerLandApp.vue
index a27b76b1..35210b03 100644
--- a/components/Attentions/OpenLikerLandApp.vue
+++ b/components/Attentions/OpenLikerLandApp.vue
@@ -14,29 +14,20 @@
     ]"
   >
     <IconAttention class="mr-[12px] w-[32px]" />
-    <a
-      :href="LIKER_LAND_APP_URI"
+    <Label
+      class="whitespace-pre-line text-dark-gray underline"
+      :text="$t('NFTPortal.attention.openApp')"
     >
-      <Label
-        class="whitespace-pre-line text-dark-gray underline"
-        :text="$t('NFTPortal.attention.openApp')"
-      >
-        <template #prepend>
-          <IconLikerLandApp :class="['inline', 'w-[32px]', 'h-[32px]']" />
-        </template>
-      </Label>
-    </a>
+      <template #prepend>
+        <IconLikerLandApp :class="['inline', 'w-[32px]', 'h-[32px]']" />
+      </template>
+    </Label>
   </div>
 </template>
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator'
-import { LIKER_LAND_APP_URI } from '~/constant';
 
 @Component
 export default class OpenLikerLandApp extends Vue {
-  // eslint-disable-next-line class-methods-use-this
-  get LIKER_LAND_APP_URI() {
-    return LIKER_LAND_APP_URI;
-  }
 }
 </script>
diff --git a/components/MintPageContainer.vue b/components/MintPageContainer.vue
index 754c02f9..1c75b0ec 100644
--- a/components/MintPageContainer.vue
+++ b/components/MintPageContainer.vue
@@ -49,8 +49,8 @@
     <slot />
     <div class="flex flex-col max-w-[600px]">
       <div class="mt-[-20px]">
-        <AttentionsOpenLikerLandApp v-if="isUsingLikerLandApp && isStateTransaction" />
-        <AttentionsLedger v-if="!isUsingLikerLandApp" />
+        <AttentionsOpenLikerLandApp v-if="isUsingMobileApp && isStateTransaction" />
+        <AttentionsLedger v-if="!isUsingMobileApp" />
         <AlertsSignFailed />
       </div>
     </div>
@@ -72,8 +72,12 @@ export default class Min5PageContainer extends Vue {
   @Prop({ default: false }) readonly isStateTransaction: boolean | undefined
 
 
+  get isUsingMobileApp() {
+    return this.walletType?.includes('mobile') || this.walletType?.includes('walletconnect') || this.isUsingLikerLandApp
+  }
+
   get isUsingLikerLandApp() {
-    return this.walletType === 'liker-id'
+    return this.walletType === 'likerland-app'
   }
 
   get googleFormUrl() {
diff --git a/locales/en.json b/locales/en.json
index f7cab470..22b2cfed 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -274,7 +274,7 @@
   "IscnUploaded.button.new": "Register Another ISCN",
   "IscnUploaded.guide.title": "Completed! Here is your ISCN",
   "IscnUploaded.title": "ISCN Registerd",
-  "NFTPortal.attention.openApp": "You have connected with WalletConnect. Please approve the transaction in Liker Land app.",
+  "NFTPortal.attention.openApp": "You have connected with WalletConnect. Please approve the transaction in wallet app.",
   "NFTPortal.button.create": "Create",
   "NFTPortal.button.collect": "Collect Now",
   "NFTPortal.button.convertToIscn": "Convert Content to Writing NFT",
diff --git a/pages/nft/iscn/_iscnId.vue b/pages/nft/iscn/_iscnId.vue
index 3888469f..1a087cd7 100644
--- a/pages/nft/iscn/_iscnId.vue
+++ b/pages/nft/iscn/_iscnId.vue
@@ -426,12 +426,16 @@ export default class NFTMintPage extends Vue {
     return getNftModelApi(this.classId);
   }
 
+  get isUsingMobileApp() {
+    return this.walletType?.includes('mobile') || this.walletType?.includes('walletconnect') || this.isUsingLikerLandApp
+  }
+
   get isUsingLikerLandApp() {
-    return this.walletType === 'liker-id'
+    return this.walletType === 'likerland-app'
   }
 
   get isTransactionSizeLimited() {
-    return this.isUsingLikerLandApp
+    return this.isUsingMobileApp
   }
 
   get createNftClassPayload() {