Merge pull request #1597 from kkukelka/fix/twitter-hashtag

1462 fix hastags in twitter and facebook sharing

Author: yangwao

components/rmrk/Gallery/Item/Sharing.vue

@@ -29,6 +29,7 @@
               tag="button"
               class="button share__button is-medium"
               network="twitter"
+              :hashtags="hashtags"
               :url="realworldFullPath"
               :title="label"
               twitter-user="KodaDot"
@@ -48,6 +49,7 @@
               tag="button"
               class="button share__button is-medium"
               network="facebook"
+              :hashtags="hashtags"
               :url="realworldFullPath"
               :title="label"
             >
@@ -118,12 +120,14 @@ const components = {
   components,
 })
 export default class Sharing extends Vue {
-  @Prop({ default: 'Check this cool NFT on #KusamaNetwork #KodaDot' }) label!: string
+  @Prop({ default: 'Check out this cool NFT on KodaDot' }) label!: string
   @Prop({ default: () => emptyIframe }) iframe!: IFrame
   @Prop(Boolean) onlyCopyLink!: boolean
 
   private active = false
 
+  private hashtags = ['KusamaNetwork', 'KodaDot']
+
   get helloText(): string {
     return this.label
   }

components/rmrk/Pack/PackItem.vue

@@ -15,7 +15,7 @@
           </p>
           <Sharing
             v-if="sharingVisible"
-            label="Check this awesome Pack on %23KusamaNetwork %23KodaDot"
+            :label="$t('sharing.pack')"
             :iframe="iframeSettings"
           />
         </div>

components/unique/Collection/Item/CollectionItem.vue

@@ -36,7 +36,7 @@
       </div>
       <div class="column is-2">
         <Sharing v-if="sharingVisible"
-          label="Check this awesome Collection on %23KusamaNetwork %23KodaDot"
+          :label="$t('sharing.collection')"
           :iframe="iframeSettings" >
           <TransferCollection v-if="accountIsCurrentOwner" :collectionId="id" :currentOwnerId="currentOwner" :accountId="accountId" />
         </Sharing>

langDir/en.json

@@ -549,5 +549,11 @@
         "hide": "Hide on-chain attributes"
       }
     }
+  },
+  "sharing": {
+    "collection": "Check out this awesome Collection on KodaDot",
+    "nft": "Check out this awesome NFT on KodaDot",
+    "pack": "Check out this awesome Pack on KodaDot",
+    "profile": "Check out this awesome Profile on KodaDot"
   }
 }

pages/rmrk/u/_id.vue

@@ -36,7 +36,7 @@
         <Sharing
           class="mb-2"
           v-if="!sharingVisible"
-          label="Check this awesome Profile on %23KusamaNetwork %23KodaDot"
+          :label="$t('sharing.profile')"
           :iframe="iframeSettings"
         >
           <DonationButton :address="id" />

pages/statemine/u/_id.vue

@@ -37,7 +37,7 @@
           <Sharing
             class="mb-2"
             v-if="!sharingVisible"
-            label="Check this awesome Profile on %23KusamaNetwork %23KodaDot"
+            :label="$t('sharing.profile')"
             :iframe="iframeSettings"
           >
             <DonationButton :address="id" />

pages/westmint/u/_id.vue

@@ -37,7 +37,7 @@
           <Sharing
             class="mb-2"
             v-if="!sharingVisible"
-            label="Check this awesome Profile on %23KusamaNetwork %23KodaDot"
+            :label="$t('sharing.profile')"
             :iframe="iframeSettings"
           >
             <DonationButton :address="id" />