chore: Add links to header. (nodejs#111)

mbj36 · MylesBorins · commit 93b37c0830bb · 2019-02-22T13:52:00.000-05:00
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -18,6 +18,19 @@ const Header = () => (
           <img src={logo} alt="Node.js" className="nav__logo" />
         </Link>
       </li>
+
+      <li className="nav__tabs">
+        <a target="_blank" href="https://nodejs.org/en/docs/">
+          API Docs
+        </a>
+      </li>
+
+      <li className="nav__tabs">
+        <a target="_blank" href="https://github.com/nodejs/nodejs.dev">
+          GitHub
+        </a>
+      </li>
+
     </ul>
   </nav>
 )
diff --git a/src/components/layout.css b/src/components/layout.css
@@ -146,6 +146,19 @@ main {
   margin: -6px 24px 0 0;
 }
 
+.nav__tabs {
+  text-decoration: none;
+  margin-bottom: 10px;
+  font-size: 14px;
+  margin-left: 16px;
+}
+
+.nav__tabs > a {
+  text-decoration: none;
+  color: black;
+}
+
+
 .hero {
   align-items: center;
   display: flex;
diff --git a/test/components/__snapshots__/header.test.tsx.snap b/test/components/__snapshots__/header.test.tsx.snap
@@ -26,6 +26,26 @@ exports[`Tests for Header component renders correctly 1`] = `
         />
       </a>
     </li>
+    <li
+      className="nav__tabs"
+    >
+      <a
+        href="https://nodejs.org/en/docs/"
+        target="_blank"
+      >
+        API Docs
+      </a>
+    </li>
+    <li
+      className="nav__tabs"
+    >
+      <a
+        href="https://github.com/nodejs/nodejs.dev"
+        target="_blank"
+      >
+        GitHub
+      </a>
+    </li>
   </ul>
 </nav>
 `;
