From e34389752655861d548f751aba69ad379bc52125 Mon Sep 17 00:00:00 2001
From: Riley Davis <riley.davis@gmail.com>
Date: Wed, 17 May 2017 15:11:00 -0600
Subject: [PATCH] user detail copy button regression

---
 .../src/containers/ModerationQueue/UserDetail.css      | 10 ++++++++++
 .../src/containers/ModerationQueue/UserDetail.js       |  6 +++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/coral-admin/src/containers/ModerationQueue/UserDetail.css b/client/coral-admin/src/containers/ModerationQueue/UserDetail.css
index eb3f2e4c7..9c735d72b 100644
--- a/client/coral-admin/src/containers/ModerationQueue/UserDetail.css
+++ b/client/coral-admin/src/containers/ModerationQueue/UserDetail.css
@@ -30,3 +30,13 @@
     font-weight: bold;
   }
 }
+
+.profileEmail {
+  border: none;
+  background-color: transparent;
+  pointer-events: none;
+  font-size: 16px;
+  position: absolute;
+  width: 100%;
+  outline: none;
+}
diff --git a/client/coral-admin/src/containers/ModerationQueue/UserDetail.js b/client/coral-admin/src/containers/ModerationQueue/UserDetail.js
index 200b8537d..e05741889 100644
--- a/client/coral-admin/src/containers/ModerationQueue/UserDetail.js
+++ b/client/coral-admin/src/containers/ModerationQueue/UserDetail.js
@@ -11,7 +11,7 @@ class UserDetail extends React.Component {
     hideUserDetail: PropTypes.func.isRequired
   }
 
-  copyPermalink () {
+  copyPermalink = () => {
     this.profile.select();
     try {
       document.execCommand('copy');
@@ -45,8 +45,8 @@ class UserDetail extends React.Component {
     return (
       <Drawer handleClickOutside={hideUserDetail}>
         <h3>{user.username}</h3>
-        <Button className={styles.copyButton}>Copy</Button>
-        {profile && <p ref={(ref) => this.profile = ref} contentEditable="true">{profile}</p>}
+        <Button className={styles.copyButton} onClick={this.copyPermalink}>Copy</Button>
+        {profile && <input className={styles.profileEmail} type="text" ref={(ref) => this.profile = ref} value={profile} />}
         <Slot fill="userProfile" user={user} />
         <p className={styles.memberSince}><strong>Member since</strong> {new Date(user.created_at).toLocaleString()}</p>
         <hr/>