copy share invite link to clipboard automatically where possible

frontend/src/Metamaps/GlobalUI/index.js

@@ -1,5 +1,7 @@
 /* global Metamaps, $ */
 
+import clipboard from 'clipboard-js'
+
 import Active from '../Active'
 import Create from '../Create'
 
@@ -139,7 +141,17 @@ const GlobalUI = {
     self.hideDiv('#toast')
   },
   shareInvite: function (inviteLink) {
-    window.prompt('To copy the invite link, press: Ctrl+C, Enter', inviteLink)
+    clipboard.copy({
+      'text/plain': inviteLink
+    }).then(() => {
+      $('#joinCodesBox .popup').remove()
+      $('#joinCodesBox').append('<p class="popup" style="text-align: center">Copied!</p>')
+      window.setTimeout(() => $('#joinCodesBox .popup').remove(), 1500)
+    }, () => {
+      $('#joinCodesBox .popup').remove()
+      $('#joinCodesBox').append(`<p class="popup" style="text-align: center">Your browser doesn't support copying, please copy manually.</p>`)
+      window.setTimeout(() => $('#joinCodesBox .popup').remove(), 1500)
+    })
   }
 }
 

package.json

@@ -27,6 +27,7 @@
     "babel-preset-es2015": "6.14.0",
     "babel-preset-react": "6.11.1",
     "backbone": "1.0.0",
+    "clipboard-js": "git://github.com/devvmh/clipboard.js#patch-1",
     "commonmark": "0.26.0",
     "csv-parse": "1.1.7",
     "getScreenMedia": "git://github.com/devvmh/getScreenMedia#patch-1",