🔀 Merge #403 to deploy/rinkeby

likecoin · Oct 30, 2023 · b10ce0f · b10ce0f
2 parents 0fdda6f + 68c28b1
commit b10ce0f
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/components/IscnUploadedInfo.vue b/components/IscnUploadedInfo.vue
@@ -16,7 +16,7 @@
           :text="$t('IscnUploaded.guide.title')"
           class="text-medium-gray"
         />
-        <Button preset="plain" text="Download iscn.json" @click="handleClickDownload">
+        <Button preset="plain" :text="$t('NFTPortal.button.download.iscn')" @click="handleClickDownload">
           <template #prepend>
             <IconDownload />
           </template>

diff --git a/locales/en.json b/locales/en.json
@@ -261,6 +261,7 @@
   "NFTPortal.button.create": "Create",
   "NFTPortal.button.collect": "Collect Now",
   "NFTPortal.button.convertToIscn": "Convert Content to Writing NFT",
+  "NFTPortal.button.download.iscn": "Download iscn.json",
   "NFTPortal.button.mint": "Mint NFT",
   "NFTPortal.button.next":"Next",
   "NFTPortal.button.mintContinueLong": "Continue to mint Writing NFTs",

diff --git a/pages/view/_iscnId.vue b/pages/view/_iscnId.vue
@@ -89,9 +89,15 @@
         'justify-end',
         'w-full',
         'pt-[24px]',
+        'gap-[8px]',
         'lg:pt-0',
       ]"
     >
+      <Button preset="tertiary" :text="$t('NFTPortal.button.download.iscn')" @click="handleClickDownload">
+        <template #prepend>
+          <IconDownload />
+        </template>
+      </Button>
       <Button
         preset="secondary"
         class="w-full lg:w-auto"
@@ -467,6 +473,8 @@ import { API_LIKER_NFT_MINT } from '~/constant/api'
 import { isCosmosTransactionHash } from '~/utils/cosmos'
 import { getIPFSUrlFromISCN } from '~/utils/cosmos/iscn'
 import { ISCNRecordWithID } from '~/utils/cosmos/iscn/iscn.type'
+import { downloadJSON } from '~/utils/misc'
+
 import {
   ISCN_PREFIX,
   BIG_DIPPER_TX_BASE_URL,
@@ -861,5 +869,20 @@ export default class ViewIscnIdPage extends Vue {
       }
     }
   }
+
+  handleClickDownload() {
+    const generateData = {
+      contentMetadata: {
+        ...this.metadata,
+        '@type': this.type,
+        '@context': "http://schema.org/",
+      },
+      stakeholders: this.recordData?.stakeholders,
+      contentFingerprints: this.recordData.contentFingerprints,
+      recordNotes: '',
+    }
+
+    downloadJSON(generateData, 'iscn.json')
+  }
 }
 </script>