From fc246f6293a924301c3f3ee3fd7fab9922540e9b Mon Sep 17 00:00:00 2001
From: AuroraHuang22 <aurora90376@gmail.com>
Date: Fri, 15 Mar 2024 14:22:08 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Remove=20the=20version=20of=20IS?=
 =?UTF-8?q?CN=20when=20redirecting=20to=20/=5Fedit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IscnEditBar.vue      | 6 ++++--
 components/IscnUploadedInfo.vue | 6 +++---
 locales/en.json                 | 1 +
 pages/view/_iscnId/index.vue    | 6 +++---
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/components/IscnEditBar.vue b/components/IscnEditBar.vue
index 22386897..64919879 100644
--- a/components/IscnEditBar.vue
+++ b/components/IscnEditBar.vue
@@ -11,7 +11,7 @@
       v-if="isIscnOwner"
       class="flex justify-center items-center gap-[4px] mr-[8px]"
     >
-      <Button preset="plain" text="Edit ISCN" @click="handleEdit">
+      <Button preset="plain" :text="$t('IscnEditInfo.button.edit')" @click="handleEdit">
         <template #prepend>
           <IconEdit />
         </template>
@@ -68,6 +68,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from 'vue-property-decorator'
+import { extractIscnIdPrefix } from '~/utils/ui'
 
 @Component
 export default class IscnEditBar extends Vue {
@@ -87,7 +88,8 @@ export default class IscnEditBar extends Vue {
   }
 
   handleEdit() {
-    this.$emit('click-edit', this.iscnId)
+    const iscnIdPrefix = extractIscnIdPrefix(this.iscnId)
+    this.$emit('click-edit', iscnIdPrefix)
   }
 
   handleClickMintNFTBook() {
diff --git a/components/IscnUploadedInfo.vue b/components/IscnUploadedInfo.vue
index a4d28e47..b74cdda7 100644
--- a/components/IscnUploadedInfo.vue
+++ b/components/IscnUploadedInfo.vue
@@ -226,12 +226,12 @@ export default class IscnUploadedInfo extends Vue {
     window.open(`${NFT_BOOK_PRESS_URL}/mint-nft?iscn_id=${this.iscnId}`, '_blank', 'noopener');
   }
 
-   handleEdit() {
-    logTrackerEvent(this, 'ISCNUploaded', 'ClickEdit', this.iscnId, 1)
+   handleEdit(iscnIdPrefix: string) {
+    logTrackerEvent(this, 'ISCNUploaded', 'ClickEdit', iscnIdPrefix, 1)
     this.$router.replace(
       this.localeLocation({
         name: 'edit-iscnId',
-        params: { iscnId: this.iscnId },
+        params: { iscnId: iscnIdPrefix },
       })!,
     )
   }
diff --git a/locales/en.json b/locales/en.json
index ea410166..7eb28056 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -185,6 +185,7 @@
   "IscnEditInfo.reUpload": "Re-upload files to update links",
   "IscnEditInfo.updating": "Updating ISCN...",
   "IscnEditInfo.button.confirm": "Update ISCN",
+  "IscnEditInfo.button.edit": "Edit ISCN",
   "IscnRegisterForm.arweave.link": "ar://{arweaveId}",
   "IscnRegisterForm.button.back": "Back",
   "IscnRegisterForm.button.confirm": "Confirm",
diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index 4bccf765..41bbc17f 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -913,12 +913,12 @@ export default class ViewIscnIdPage extends Vue {
     }
   }
 
-  handleEdit() {
-    logTrackerEvent(this, 'ISCNView', 'ClickEdit', this.iscnId, 1)
+  handleEdit(iscnIdPrefix: string) {
+    logTrackerEvent(this, 'ISCNView', 'ClickEdit', iscnIdPrefix, 1)
     this.$router.replace(
       this.localeLocation({
         name: 'edit-iscnId',
-        params: { iscnId: this.iscnId },
+        params: { iscnId: iscnIdPrefix },
       })!,
     )
   }