From c277f46a60c6a77dad2d81dedf81d12864a383b6 Mon Sep 17 00:00:00 2001
From: Endilie Yacop Sucipto <endiliey@gmail.com>
Date: Mon, 8 Oct 2018 18:10:12 +0800
Subject: [PATCH] chore(v2): temporarily add available urls to footer (#1022)

* chore(v2): temporarily add available urls to footer

* use react-router Link

* nits
---
 v2/lib/theme/Footer/index.js                  | 29 ++++++++++++++++++-
 v2/website/pages/index.js                     |  6 ++--
 v2/website/static/css/{basic.css => todo.css} |  2 +-
 3 files changed, 33 insertions(+), 4 deletions(-)
 rename v2/website/static/css/{basic.css => todo.css} (99%)

diff --git a/v2/lib/theme/Footer/index.js b/v2/lib/theme/Footer/index.js
index 144561cd17..a82dd33693 100644
--- a/v2/lib/theme/Footer/index.js
+++ b/v2/lib/theme/Footer/index.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import {Link} from 'react-router-dom';
 
 import styles from './styles.css';
 
-function Footer() {
+function Footer(props) {
   return (
     <footer className={styles.footer}>
       <section className={styles.footerRow}>
@@ -66,6 +67,32 @@ function Footer() {
             </li>
           </ul>
         </div>
+        {/* This is for v2 development only to know which are the available routes */}
+        <div className={styles.footerColumn}>
+          <h3 className={styles.footerColumnTitle}>Pages</h3>
+          <ul className={styles.footerList}>
+            {props.pagesMetadatas.map(metadata => (
+              <li key={metadata.permalink} className={styles.footerListItem}>
+                <Link className={styles.footerLink} to={metadata.permalink}>
+                  {metadata.permalink}
+                </Link>
+              </li>
+            ))}
+          </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.permalink}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </div>
+        {/* Remove above when launching v2 */}
       </section>
       <section className={styles.copyright}>
         <span>Copyright © {new Date().getFullYear()} Facebook Inc.</span>
diff --git a/v2/website/pages/index.js b/v2/website/pages/index.js
index ac2f305f2c..f6218289d4 100644
--- a/v2/website/pages/index.js
+++ b/v2/website/pages/index.js
@@ -8,9 +8,11 @@ export default class Home extends React.Component {
       <div>
         <Helmet>
           <title>Todo App</title>
-          <link rel="stylesheet" type="text/css" href="/css/basic.css" />
+          <link rel="stylesheet" type="text/css" href="/css/todo.css" />
         </Helmet>
-        <Todo />
+        <div className="homeContainer">
+          <Todo />
+        </div>
       </div>
     );
   }
diff --git a/v2/website/static/css/basic.css b/v2/website/static/css/todo.css
similarity index 99%
rename from v2/website/static/css/basic.css
rename to v2/website/static/css/todo.css
index e6e089cbfa..d70b45a258 100644
--- a/v2/website/static/css/basic.css
+++ b/v2/website/static/css/todo.css
@@ -21,7 +21,7 @@ button {
 	font-smoothing: antialiased;
 }
 
-body {
+.todoContainer {
 	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	line-height: 1.4em;
 	background: #f5f5f5;