diff --git a/docs/web_modules/layouts/Usage/clipboard.js b/docs/web_modules/layouts/Usage/clipboard.js
new file mode 100644
index 000000000..36a047e4d
--- /dev/null
+++ b/docs/web_modules/layouts/Usage/clipboard.js
@@ -0,0 +1,15 @@
+import React, {PropTypes} from "react";
+import ClipboardButton from 'react-clipboard.js';
+import ClipboardIcon from 'react-clipboard-icon';
+
+const Clipboard = ({text}) => (
+
+ Copy
+
+);
+
+Clipboard.propTypes = {
+ text: PropTypes.string.isRequired,
+};
+
+export default Clipboard;
diff --git a/docs/web_modules/layouts/Usage/index.js b/docs/web_modules/layouts/Usage/index.js
index 985cef091..6ad5e3b33 100644
--- a/docs/web_modules/layouts/Usage/index.js
+++ b/docs/web_modules/layouts/Usage/index.js
@@ -1,7 +1,5 @@
import React, {Component, PropTypes} from "react";
import Lowlight from 'react-lowlight';
-import ClipboardButton from 'react-clipboard.js';
-import ClipboardIcon from 'react-clipboard-icon';
import js from 'highlight.js/lib/languages/javascript';
import DangerousMarkdown from '../../DangerousMarkdown';
import BasicPage from "../BasicPage";
@@ -29,6 +27,11 @@ export default class Optimisations extends Component {
);
}
+ let clipboard = null;
+ if (typeof window !== 'undefined') {
+ const Clipboard = require('./clipboard').default;
+ clipboard = ();
+ }
list.push(
@@ -39,9 +42,7 @@ export default class Optimisations extends Component {
{alternate}