[docs] Add v1 recommendation to home page (#9727)

mui · Jan 4, 2018 · 7a0099f · 7a0099f
1 parent 82ae182
commit 7a0099f
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/docs/src/app/components/Master.js b/docs/src/app/components/Master.js
@@ -66,15 +66,19 @@ class Master extends Component {
       v1: {
         height: 40,
         backgroundColor: '#2196f3',
-        display: 'flex',
         color: '#fff',
+        display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         position: 'fixed',
         top: 0,
         width: '100%',
         zIndex: this.state.muiTheme.zIndex.appBar + 1,
       },
+      v1Link: {
+        color: '#fff',
+        textDecoration: 'underline',
+      },
       v1Spacer: {
         height: 40,
       },
@@ -199,12 +203,23 @@ class Master extends Component {
     return (
       <div>
         <Title render="Material-UI" />
-        <div style={prepareStyles(styles.v1Spacer)}>
-          <a style={prepareStyles(styles.v1)} href="https://material-ui-next.com/">
+        <div style={prepareStyles(styles.v1)}>
+          Aww yeah, &nbsp;
+          <a style={prepareStyles(styles.v1Link)} href="https://material-ui-next.com/">
+            <span>
+              Material-UI v1
+            </span>
+          </a>
+          &nbsp; is coming! We &nbsp;
+          <a
+            style={prepareStyles(styles.v1Link)}
+            href="https://github.com/mui-org/material-ui#should-i-start-with-v1-beta"
+          >
             <span>
-              Aww yeah, Material-UI v1 is coming!
+              recommend it
             </span>
           </a>
+          &nbsp; for new projects.
         </div>
         <AppBar
           onLeftIconButtonClick={this.handleClickLeftIconButton}