From 55af157390a17cbddf8f7b22b396d230936672d4 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Fri, 20 Sep 2024 14:24:42 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Simplify=20post=20form?=
 =?UTF-8?q?at?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 store/book-api.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/store/book-api.ts b/store/book-api.ts
index 302f7914..c898d535 100644
--- a/store/book-api.ts
+++ b/store/book-api.ts
@@ -36,9 +36,7 @@ export default class BookAPI extends VuexModule {
     try {
       const { data } = await axios.post(
         API_POST_AUTHORIZE,
-        {
-          ...signature,
-        },
+        signature,
       )
       const token = (data as any)?.token
       if (!token) {

From 57d3ef7ba6f1da73bb5519203359a8b310113637 Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Fri, 20 Sep 2024 15:27:36 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=91=94=20Use=20session=20wallet=20to?=
 =?UTF-8?q?=20determine=20connected=20user?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/wallet.vue           | 23 ++++++++++++++++++++---
 locales/en.json              |  1 +
 pages/auth/redirect.vue      |  2 +-
 pages/nft/url/index.vue      |  8 ++++++--
 pages/view/_iscnId/index.vue |  7 ++++---
 pages/works/index.vue        | 14 ++++++++------
 6 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/layouts/wallet.vue b/layouts/wallet.vue
index 54377b81..8773e5c4 100644
--- a/layouts/wallet.vue
+++ b/layouts/wallet.vue
@@ -1,12 +1,20 @@
 <template>
   <RootLayout @connect-wallet-dialog-quit="$router.go(-1)">
-    <template v-if="walletAddress">
+    <template v-if="sessionWallet">
       <AppHeader />
       <Nuxt class="min-h-full" />
       <AppFooter
         :class="{ hidden: isHideFooter }"
       />
     </template>
+    <div
+      v-else-if="isSignInLoading"
+      class="flex items-center justify-center w-full min-h-screen"
+    >
+      <Card >
+        <Label :text="$t('general.signIn.loading')" />
+      </Card>
+    </div>
   </RootLayout>
 </template>
 
@@ -28,6 +36,7 @@ export default class WalletLayout extends Vue {
   @walletModule.Action('initWallet') initWallet!: (params: { method: any, accounts: any, offlineSigner?: any }) => Promise<any>
   @walletModule.Action('signMessageMemo') signMessageMemo!: (action: string, permissions?: string[]) => Promise<any>
   @walletModule.Getter('getSigner') signer!: any
+  @bookApiModule.Getter('getSessionWallet') sessionWallet!: string
   @bookApiModule.Action('restoreSession') restoreSession!: () => void
   @bookApiModule.Action('authenticate') authenticate!: ({ inputWallet, signature }: { inputWallet?: string, signature?: any }) => Promise<any>
   @bookApiModule.Action('clearSession') clearSession!: () => void
@@ -38,13 +47,16 @@ export default class WalletLayout extends Vue {
     severity: string
   ) => void
 
+  isSignInLoading = false
+
   get isHideFooter() {
     return this.$route.path.includes('/nft/purchase/') || this.$route.query.layout === 'popup';
   }
 
   async mounted() {
     await this.restoreSession()
-    if (!this.walletAddress) {
+    if (!this.sessionWallet) {
+      this.isSignInLoading = true
       const connection = await this.openConnectWalletModal({
         language: this.$i18n.locale.split('-')[0],
         fullPath: this.$route.fullPath,
@@ -81,13 +93,18 @@ export default class WalletLayout extends Vue {
             signature,
           })
         }
-        this.$router.go(-1)
+        else {
+          this.$router.go(-1)
+        }
       } catch (error) {
         this.disconnectWallet()
         this.clearSession()
         // eslint-disable-next-line no-console
         console.error('handleConnectWalletButtonClick error', error)
       }
+      finally {
+        this.isSignInLoading = false
+      }
     }
   }
 
diff --git a/locales/en.json b/locales/en.json
index 275821e5..7ffa9dbb 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -99,6 +99,7 @@
   "FileUploaded.guide.title": "Upload only mode. Files uploaded",
   "general.closeWindow": "Close Window",
   "general.loading": "Loading",
+  "general.signIn.loading": "Signing in...",
   "HomePage.button.faucet": "Faucet",
   "HomePage.button.help": "Help",
   "HomePage.button.learnmore": "Learn more",
diff --git a/pages/auth/redirect.vue b/pages/auth/redirect.vue
index 4fee2771..6580b47b 100644
--- a/pages/auth/redirect.vue
+++ b/pages/auth/redirect.vue
@@ -58,7 +58,7 @@ export default class RedirectPage extends Vue {
             'write:nftcollection',
           ])
           if (!signature) { return }
-          await this.authenticate({inputWallet:this.currentAddress, signature})
+          await this.authenticate({ inputWallet: this.currentAddress, signature })
         }
         let postAuthRoute = '/';
         if (window.sessionStorage) {
diff --git a/pages/nft/url/index.vue b/pages/nft/url/index.vue
index 26812550..b0c2703f 100644
--- a/pages/nft/url/index.vue
+++ b/pages/nft/url/index.vue
@@ -159,6 +159,7 @@ const base64toBlob = (base64Data: string, contentType: string, sliceSize = 512)
 
 const iscnModule = namespace('iscn')
 const walletModule = namespace('wallet')
+const bookApiModule = namespace('book-api')
 
 export enum ErrorType {
   INSUFFICIENT_BALANCE = 'INSUFFICIENT_BALANCE',
@@ -193,6 +194,9 @@ export default class FetchIndex extends Vue {
   @walletModule.Getter('getWalletAddress') address!: string
   @walletModule.Getter('getSigner') signer!: OfflineSigner | null
 
+  @bookApiModule.Getter('getSessionWallet') sessionWallet!: string
+
+
   state = State.INIT
   url = this.$route.query.url as string || ''
   platform = this.$route.query.platform as string || ''
@@ -365,7 +369,7 @@ export default class FetchIndex extends Vue {
         const res = await this.fetchISCNById(this.iscnId)
         if (res) {
           const iscnOwner = res.owner
-          if (iscnOwner !== this.address) {
+          if (iscnOwner !== this.sessionWallet) {
             this.toggleSnackbar(ErrorType.USER_NOT_ISCN_OWNER)
           }
         }
@@ -562,7 +566,7 @@ export default class FetchIndex extends Vue {
       }
       switch (this.state) {
         case State.INIT: {
-          if (this.ownerWallet && this.address !== this.ownerWallet) {
+          if (this.ownerWallet && this.sessionWallet !== this.ownerWallet) {
             throw new Error('PLEASE_USE_OWNER_WALLET_TO_SIGN')
           }
           if (this.iscnPrefixRegex.test(this.url)) {
diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index a53dc2e7..90eb8a9d 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -482,7 +482,7 @@ import {
 
 
 const iscnModule = namespace('iscn')
-const walletModule = namespace('wallet')
+const bookApiModule = namespace('book-api')
 
 export enum ErrorMessage {
   statusCode400 = 'not iscn id or tx hash',
@@ -616,14 +616,15 @@ export default class ViewIscnIdPage extends Vue {
     arg0: string
   ) => Promise<{ records: ISCNRecordWithID[] }>
 
-  @walletModule.Getter('getWalletAddress') currentAddress!: string
+  @bookApiModule.Getter('getSessionWallet') sessionWallet!: string
+
 
   get isShowMintButton() {
     return !this.isPreminted && this.isIscnOwner
   }
 
   get isIscnOwner() {
-    return Boolean(this.iscnOwner === this.currentAddress)
+    return Boolean(this.iscnOwner === this.sessionWallet)
   }
 
   get showContentLinks() {
diff --git a/pages/works/index.vue b/pages/works/index.vue
index 45a734f0..94aeb2dd 100644
--- a/pages/works/index.vue
+++ b/pages/works/index.vue
@@ -109,7 +109,7 @@ import { LIKER_LAND_URL } from '~/constant'
 import { ISCNRecordWithID } from '~/utils/cosmos/iscn/iscn.type'
 
 const iscnModule = namespace('iscn')
-const walletModule = namespace('wallet')
+const bookApiModule = namespace('book-api')
 
 @Component({
   layout: 'wallet',
@@ -117,14 +117,16 @@ const walletModule = namespace('wallet')
 export default class WorksIndexPageExtends extends Vue {
   pageNumber = Number(this.$route.query.page) || 0
 
-  @walletModule.Getter('getWalletAddress') currentAddress!: string
   @iscnModule.Getter('getISCNChunks') recordChunks!: ISCNRecordWithID[][]
   @iscnModule.Getter('getIsLoading') isLoading!: boolean
   @iscnModule.Action queryISCNByAddress!: (
     arg0: string
   ) => ISCNRecordWithID[] | PromiseLike<ISCNRecordWithID[]>
 
-  @Watch('currentAddress')
+  @bookApiModule.Getter('getSessionWallet') sessionWallet!: string
+
+
+  @Watch('sessionWallet')
   onCurrentAddressChanged() {
     this.refreshWorks()
   }
@@ -145,8 +147,8 @@ export default class WorksIndexPageExtends extends Vue {
   }
 
   refreshWorks() {
-    if (this.currentAddress) {
-      this.queryISCNByAddress(this.currentAddress)
+    if (this.sessionWallet) {
+      this.queryISCNByAddress(this.sessionWallet)
     }
   }
 
@@ -167,7 +169,7 @@ export default class WorksIndexPageExtends extends Vue {
   }
 
   get portfolioURL(): string {
-    return `${LIKER_LAND_URL}/${this.currentAddress}`
+    return `${LIKER_LAND_URL}/${this.sessionWallet}`
   }
 }
 </script>