diff --git a/jsapp/js/mixins.es6 b/jsapp/js/mixins.es6 index e74a42791d..ee7ec9b265 100644 --- a/jsapp/js/mixins.es6 +++ b/jsapp/js/mixins.es6 @@ -6,7 +6,7 @@ import alertify from 'alertifyjs'; import {Link} from 'react-router'; import mdl from './libs/rest_framework/material'; import TagsInput from 'react-tagsinput'; -import ReactZeroClipboard from 'react-zeroclipboard'; +import CopyToClipboard from 'react-copy-to-clipboard'; import DocumentTitle from 'react-document-title'; import {dataInterface} from './dataInterface'; @@ -500,9 +500,11 @@ var dmix = { {this.state.selectedCollectOption.value ? - - copy - + notify('copied to clipboard')}> + Copy + + {this.state.selectedCollectOption.key != 'iframe_url' ? {t('Open')} diff --git a/jsapp/scss/components/_kobo.form-view.scss b/jsapp/scss/components/_kobo.form-view.scss index 1cf185efb9..0e03131249 100644 --- a/jsapp/scss/components/_kobo.form-view.scss +++ b/jsapp/scss/components/_kobo.form-view.scss @@ -309,6 +309,7 @@ padding:4px 16px; text-transform: uppercase; display: inline-block; + cursor: pointer; &.copy { color:$cool-gray; transition:all 0.5s; diff --git a/package.json b/package.json index 1b54ca3653..0e43b7299a 100644 --- a/package.json +++ b/package.json @@ -83,13 +83,13 @@ "q": "^1.4.1", "react": "^0.13.3", "react-cookie": "^0.2.3", + "react-copy-to-clipboard": "^3.0.2", "react-document-title": "^1.0.2", "react-favicon": "0.0.3", "react-hot-loader": "^1.3.0", "react-router": "^0.13.3", "react-select": "^0.6.3", "react-tagsinput": "1.4.x", - "react-zeroclipboard": "^1.1.0", "reflux": "^0.2.7", "rimraf": "^2.4.3", "roboto-fontface": "^0.4.5",