From 2529e0d44f0eb060c661dc06a4d5a70f721b4e35 Mon Sep 17 00:00:00 2001
From: Devin Howard <devin@callysto.com>
Date: Tue, 18 Oct 2016 15:59:15 +0800
Subject: [PATCH] copy share invite link to clipboard automatically where
 possible

---
 frontend/src/Metamaps/GlobalUI/index.js | 14 +++++++++++++-
 package.json                            |  1 +
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Metamaps/GlobalUI/index.js b/frontend/src/Metamaps/GlobalUI/index.js
index 4eb29bb7..4f1feb18 100644
--- a/frontend/src/Metamaps/GlobalUI/index.js
+++ b/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)
+    })
   }
 }
 
diff --git a/package.json b/package.json
index f84632c4..c43b7599 100644
--- a/package.json
+++ b/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",