Fix phenomic build.

cssnano · Dec 16, 2016 · 99fa8e3 · 99fa8e3
1 parent 0f700f1
commit 99fa8e3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/docs/web_modules/layouts/Usage/clipboard.js 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}) => (
+    <ClipboardButton data-clipboard-text={text}>
+        <span><ClipboardIcon /> Copy</span>
+    </ClipboardButton>
+);
+
+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
@@ -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 {
                             </DangerousMarkdown>
                         );
                     }
+                    let clipboard = null;
+                    if (typeof window !== 'undefined') {
+                        const Clipboard = require('./clipboard').default;
+                        clipboard = (<Clipboard text={wrapper.install}/>);
+                    }
                     list.push(
                         <div className={content} key={index}>
                             <DangerousMarkdown>
@@ -39,9 +42,7 @@ export default class Optimisations extends Component {
                             </DangerousMarkdown>
                             <div className={styles.install}>
                                 <a href={wrapper.source}>{wrapper.install}</a>
-                                <ClipboardButton data-clipboard-text={wrapper.install}>
-                                  <ClipboardIcon /> Copy
-                                </ClipboardButton>
+                                {clipboard}
                             </div>
                             {alternate}
                         </div>