fix: Copy link should be on the item page

floyd-li · Apr 7, 2023 · f202dca · f202dca
1 parent 6f596ae
commit f202dca
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue
@@ -34,7 +34,7 @@
           <NeoButton icon="share-alt" class="square-32 mr-3" />
           <template #items>
             <NeoDropdownItem
-              v-clipboard:copy="currentURL"
+              v-clipboard:copy="currentCollectionUrl"
               @click.native="toast(`${$i18n.t('toast.urlCopy')}`)">
               {{ $i18n.t('share.copyLink') }}
             </NeoDropdownItem>
@@ -46,7 +46,7 @@
                 tag="div"
                 network="twitter"
                 :hashtags="hashtags"
-                :url="currentURL"
+                :url="currentCollectionUrl"
                 :title="sharingLabel"
                 twitter-user="KodaDot">
                 {{ $i18n.t('share.twitter') }}
@@ -87,7 +87,10 @@
           <p class="card-header-title">{{ collection?.name }}</p>
         </header>
         <div class="card-content">
-          <QRCode :text="currentURL" color="#db2980" bg-color="#000" />
+          <QRCode
+            :text="currentCollectionUrl"
+            color="#db2980"
+            bg-color="#000" />
         </div>
       </div>
     </b-modal>
@@ -102,9 +105,13 @@ import useIdentity from '@/components/identity/utils/useIdentity'
 
 const route = useRoute()
 const { accountId } = useAuth()
+const { urlPrefix } = usePrefix()
 const { $i18n, $buefy } = useNuxtApp()
 const collectionId = computed(() => route.params.id)
-const currentURL = computed(() => window.location.href)
+const currentCollectionUrl = computed(
+  () =>
+    `${window.location.origin}/${urlPrefix.value}/collection/${collectionId.value}`
+)
 const { collection } = useCollectionMinimal({
   collectionId: collectionId.value,
 })