Fix install links on the homepage.

cssnano · Dec 18, 2016 · e1e656e · e1e656e
1 parent 406e27a
commit e1e656e
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/docs/web_modules/layouts/Homepage/index.js b/docs/web_modules/layouts/Homepage/index.js
@@ -41,6 +41,11 @@ export default class Homepage extends Component {
 
     render () {
         const {pkg, modules} = this.context.metadata;
+        let clipboard = null;
+        if (typeof window !== 'undefined') {
+            const Clipboard = require('../Usage/clipboard').default;
+            clipboard = (<Clipboard text={'npm install cssnano'}/>);
+        }
         return (
             <div>
             <div className={styles.about}>
@@ -95,7 +100,10 @@ export default class Homepage extends Component {
             </div>
             <div className={content}>
                 <p>Get started now! Our <Link to='/usage/'>usage guide</Link> covers a wide variety of environments.</p>
-                <Link to='/usage/' className={install}>npm install cssnano</Link>
+                <div className={install}>
+                    <Link to='/usage/'>npm install cssnano</Link>
+                    {clipboard}
+                </div>
             </div>
             <div className={content}>
                 <h2>Features</h2>
@@ -145,7 +153,10 @@ export default class Homepage extends Component {
                 <p>Why not try it out for your site today? If you have any questions,
                 feel free to visit <a href={`https://gitter.im/${pkg.repository}`}>
                 the support chat</a>.</p>
-                <Link to='/usage/' className={install}>npm install cssnano</Link>
+                <div className={install}>
+                    <Link to='/usage/'>npm install cssnano</Link>
+                    {clipboard}
+                </div>
             </div>
             <CoverPage className={content} { ...this.props}>
             </CoverPage>