docs(v2): point to shared docs

v2/lib/theme/Doc/index.js

@@ -38,7 +38,10 @@ class Doc extends React.Component {
         />
         <div className={styles.mainContainer}>
           <div className={styles.docContainer}>
-            <div className={styles.docContent}>{this.props.children}</div>
+            <div className={styles.docContent}>
+              <h1>{metadata.title}</h1>
+              {this.props.children}
+            </div>
             <div className={styles.paginatorContainer}>
               <DocsPaginator
                 docsMetadatas={docsMetadatas}

v2/lib/theme/Footer/index.js

@@ -67,7 +67,7 @@ function Footer(props) {
             </li>
           </ul>
         </div>
-        {/* This is for v2 development only to know which are the available routes */}
+        {/* This is for v2 development only to know which are the available page */}
         <div className={styles.footerColumn}>
           <h3 className={styles.footerColumnTitle}>Pages</h3>
           <ul className={styles.footerList}>
@@ -80,19 +80,6 @@ function Footer(props) {
             ))}
           </ul>
         </div>
-        <div className={styles.footerColumn}>
-          <h3 className={styles.footerColumnTitle}>Docs</h3>
-          <ul className={styles.footerList}>
-            {Object.values(props.docsMetadatas).map(metadata => (
-              <li key={metadata.permalink} className={styles.footerListItem}>
-                <Link className={styles.footerLink} to={metadata.permalink}>
-                  {metadata.title}
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </div>
-        {/* Remove above when launching v2 */}
       </section>
       <section className={styles.copyright}>
         <span>Copyright © {new Date().getFullYear()} Facebook Inc.</span>

v2/lib/theme/Navbar/index.js

@@ -3,7 +3,7 @@ import {NavLink} from 'react-router-dom';
 
 import styles from './styles.css';
 
-function Navbar(props) {
+function Navbar() {
   return (
     <nav className={styles.navbar}>
       <div className={styles.navbarInner}>
@@ -18,7 +18,31 @@ function Navbar(props) {
               <strong>Docusaurus</strong>
             </NavLink>
           </li>
-          {Object.values(props.docsMetadatas).map(metadata => (
+          <li className={styles.navListItem}>
+            <NavLink
+              activeClassName={styles.navLinkActive}
+              className={styles.navLink}
+              to="/docs/site-config">
+              Docs
+            </NavLink>
+          </li>
+          <li className={styles.navListItem}>
+            <NavLink
+              activeClassName={styles.navLinkActive}
+              className={styles.navLink}
+              to="https://docusaurus.io/blog">
+              Blog
+            </NavLink>
+          </li>
+          <li className={styles.navListItem}>
+            <NavLink
+              activeClassName={styles.navLinkActive}
+              className={styles.navLink}
+              to="https://github.com/facebook/docusaurus">
+              GitHub
+            </NavLink>
+          </li>
+          {/* Object.values(props.docsMetadatas).map(metadata => (
             <li key={metadata.permalink} className={styles.navListItem}>
               <NavLink
                 activeClassName={styles.navLinkActive}
@@ -27,7 +51,7 @@ function Navbar(props) {
                 {metadata.title}
               </NavLink>
             </li>
-          ))}
+          )) */}
         </ul>
       </div>
     </nav>