Merge pull request #774 from prachi00/feat-mailto

#760 add mailto: in profile section email

Author: yangwao

src/views/OnChainProperty.vue

@@ -11,9 +11,10 @@
 		      :pack="icons[index].pack"
 		      :icon="icons[index].icon"
 			   v-clipboard:copy="icons[index].label"
-		  	  @click.native="toast('Copied to clipboard')"
-		    >
-		    </b-icon>
+              @click.native="icons[index].icon === 'envelope'
+              ? openMail(icons[index].label)
+              : toast('Copied to clipboard')">
+            </b-icon>
 			<b-icon class="property"
 			   v-else
 		      :size="icons[index].size"
@@ -134,10 +135,14 @@ export default class OnChainProperty extends Vue{
 		window.open('https://twitter.com/' + handle.replace(/@/, ''), '_blank');
 	}
 
-	@Watch('legal')
-	async watchLegal(newLegal: string, oldLegal: string){
-		this.legalVerified();
-	}
+    public openMail(handle: string): void {
+      location.href = `mailto:${handle}?subject=I%20like%20your%20Creation%20on%20KodaDot&body=Hey%2C%20I've%20found%20your%20creation%20on%20KodaDot%20interesting.%0D%0ACan%20you%20please%20tell%20me%20more%20about%20it%3F`;
+    }
+
+  @Watch('legal')
+  async watchLegal(newLegal: string, oldLegal: string) {
+    this.legalVerified();
+  }
 
   @Watch('email')
   async watchEmail(newEmail: string, oldEmail: string){