Merge pull request #800 from kodadot/main

websharing api, unified collection, historychart fix

Author: yangwao

src/components/rmrk/Gallery/CollectionItem.vue

@@ -19,12 +19,20 @@
 
     <div class="columns">
       <div class="column">
-        <p class="subtitle">
-          Creator <ProfileLink :address="issuer" :inline="true" :showTwitter="true"/>
-        </p>
-        <p class="subtitle" v-if="owner">
-          Owner <ProfileLink :address="owner" :inline="true" />
-        </p>
+        <div class="label">
+          {{ $t('creator') }}
+        </div>
+        <div class="subtitle is-size-6">
+          <ProfileLink :address="issuer" :inline="true" :showTwitter="true"/>
+        </div>
+      </div>
+      <div class="column" v-if="owner">
+        <div class="label">
+          {{ $t('owner') }}
+        </div>
+        <div class="subtitle">
+          <ProfileLink :address="owner" :inline="true" />
+        </div>
       </div>
       <div class="column is-2">
         <Sharing v-if="sharingVisible"

src/components/rmrk/Gallery/History.vue

@@ -127,10 +127,6 @@ export default class History extends Vue {
 		}
 
 		this.data = this.data.reverse();
-		this.priceData.push([
-			new Date(),
-			this.formatPrice(this.data[0]['Amount']),
-		]);
 	}
 
 	protected parseDate(date: Date) {

src/components/rmrk/Gallery/Item/Sharing.vue

@@ -14,7 +14,7 @@
           </b-icon>
         </b-button>
       </div>
-      <div class="card-footer-item" v-if="!onlyCopyLink" @click="active = !active" @focusout="active = !active">
+      <div class="card-footer-item" v-if="!onlyCopyLink" @click="shareTooltip" @focusout="openFallbackShareTooltip">
         <b-tooltip
           position="is-left"
           class="share__tooltip"
@@ -229,6 +229,29 @@ export default class Sharing extends Vue {
   public toast(message: string): void {
     this.$buefy.toast.open(message);
   }
+
+  public async shareTooltip() {
+    this.openFallbackShareTooltip();
+    if (navigator.share) {
+      const shareData = {
+        title: 'KodaDot',
+        text: this.label,
+        url: this.realworldFullPath,
+      };
+      try {
+        await navigator.share(shareData);
+      } catch (err) {
+        console.error(err);
+      }
+    }
+  }
+
+  public openFallbackShareTooltip() {
+    // only call this when share api is not available, example on web
+    if (!navigator.share) {
+      this.active = !this.active;
+    }
+  }
 }
 </script>