💄 Change hint about likerland app to generic mobile

likecoin · Mar 8, 2024 · daf7e60 · daf7e60
1 parent 3aa2c7b
commit daf7e60
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 26 deletions.
diff --git 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
@@ -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
@@ -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
@@ -273,7 +273,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
@@ -424,12 +424,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() {