From fe8f3ae4bb8dd329bca67be5e18f1036ef6b96af Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Tue, 20 Jun 2017 08:32:08 -0300
Subject: [PATCH] Moving Copy component

---
 .../Moderation/components/UserDetail.css      |  3 +--
 .../Moderation/components/UserDetail.js       | 21 +++++++++++--------
 .../components/Copy.js                        |  3 ++-
 client/coral-framework/components/index.js    |  1 +
 client/coral-ui/index.js                      |  1 -
 plugin-api/beta/client/components/index.js    |  1 +
 6 files changed, 17 insertions(+), 13 deletions(-)
 rename client/{coral-ui => coral-framework}/components/Copy.js (87%)

diff --git a/client/coral-admin/src/routes/Moderation/components/UserDetail.css b/client/coral-admin/src/routes/Moderation/components/UserDetail.css
index 710f84759..f0b08bfb7 100644
--- a/client/coral-admin/src/routes/Moderation/components/UserDetail.css
+++ b/client/coral-admin/src/routes/Moderation/components/UserDetail.css
@@ -35,9 +35,8 @@
   border: none;
   background-color: transparent;
   font-size: 16px;
-  position: absolute;
-  width: 90%;
   outline: none;
+  width: calc(100% - 90px);
 }
 
 .commentStatuses {
diff --git a/client/coral-admin/src/routes/Moderation/components/UserDetail.js b/client/coral-admin/src/routes/Moderation/components/UserDetail.js
index abc9f4440..023fb9a3f 100644
--- a/client/coral-admin/src/routes/Moderation/components/UserDetail.js
+++ b/client/coral-admin/src/routes/Moderation/components/UserDetail.js
@@ -1,8 +1,8 @@
 import React, {PropTypes} from 'react';
-import {Button, Drawer, Copy} from 'coral-ui';
-import styles from './UserDetail.css';
-import Slot from 'coral-framework/components/Slot';
 import Comment from './Comment';
+import styles from './UserDetail.css';
+import {Button, Drawer} from 'coral-ui';
+import {Slot, Copy} from 'coral-framework/components';
 import {actionsMap} from '../helpers/moderationQueueActionsMap';
 
 export default class UserDetail extends React.Component {
@@ -98,13 +98,16 @@ export default class UserDetail extends React.Component {
     return (
       <Drawer handleClickOutside={hideUserDetail}>
         <h3>{user.username}</h3>
-        {profile && <input className={styles.profileEmail} readOnly type="text" ref={(ref) => this.profile = ref} value={profile} />}
 
-        <Copy onCopy={() => this.showCopied()} text={profile} className={styles.profileEmail}>
-          <Button className={styles.copyButton}>
-            {this.state.emailCopied ? 'Copied!' : 'Copy'}
-          </Button>
-        </Copy>
+        <div>
+          {profile && <input className={styles.profileEmail} readOnly type="text" ref={(ref) => this.profile = ref} value={profile} />}
+
+          <Copy onCopy={() => this.showCopied()} text={profile} className={styles.profileEmail}>
+            <Button className={styles.copyButton}>
+              {this.state.emailCopied ? 'Copied!' : 'Copy'}
+            </Button>
+          </Copy>
+        </div>
 
         <Slot
           fill="userProfile"
diff --git a/client/coral-ui/components/Copy.js b/client/coral-framework/components/Copy.js
similarity index 87%
rename from client/coral-ui/components/Copy.js
rename to client/coral-framework/components/Copy.js
index 7162cd141..2c0a0b6ea 100644
--- a/client/coral-ui/components/Copy.js
+++ b/client/coral-framework/components/Copy.js
@@ -22,10 +22,11 @@ export default class Copy extends Component {
   }
 
   render() {
-    const {children, target = '', text = ''} = this.props;
+    const {children, target = '', text = '', className = ''} = this.props;
 
     return (
      <span
+       className={className}
        ref={this.refCopyButton}
        data-clipboard-action="copy"
        data-clipboard-text={text}
diff --git a/client/coral-framework/components/index.js b/client/coral-framework/components/index.js
index b7aaef665..6c9a3f876 100644
--- a/client/coral-framework/components/index.js
+++ b/client/coral-framework/components/index.js
@@ -1 +1,2 @@
 export {default as Slot} from './Slot';
+export {default as Copy} from './Copy';
diff --git a/client/coral-ui/index.js b/client/coral-ui/index.js
index d9f960eb2..3e9456727 100644
--- a/client/coral-ui/index.js
+++ b/client/coral-ui/index.js
@@ -24,4 +24,3 @@ export {default as Option} from './components/Option';
 export {default as SnackBar} from './components/SnackBar';
 export {default as TextArea} from './components/TextArea';
 export {default as Drawer} from './components/Drawer';
-export {default as Copy} from './components/Copy';
diff --git a/plugin-api/beta/client/components/index.js b/plugin-api/beta/client/components/index.js
index 5d76732fc..f719b9442 100644
--- a/plugin-api/beta/client/components/index.js
+++ b/plugin-api/beta/client/components/index.js
@@ -1 +1,2 @@
 export {Slot} from 'coral-framework/components';
+export {Copy} from 'coral-framework/components';