Add badges on roadmaps

pages/[roadmap]/index.js

@@ -9,12 +9,16 @@ import Helmet from 'components/helmet';
 import PageHeader from 'components/page-header';
 import GuideBody from 'components/guide-body';
 
+import { BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
+
 const Roadmap = ({ roadmap }) => {
   if (!roadmap) {
     return <Error statusCode={ 404 } />
   }
 
-  if (roadmap.upcoming) {
+  if (false && roadmap.upcoming) {
     const GuideContent = require(`../../data/roadmaps/upcoming.md`).default;
 
     return (
@@ -23,8 +27,17 @@ const Roadmap = ({ roadmap }) => {
         <SiteNav />
           <PageHeader
             title={ roadmap.title}
-            subtitle={roadmap.description}
-          />
+            subtitle={roadmap.description}>
+            <BadgesList className="mt-4">
+              <SecondaryBadge>Upcoming Roadmap</SecondaryBadge>
+              <a href="/signup">
+                <PrimaryBadge>
+                  <FontAwesomeIcon icon={faEnvelope}/>
+                  Notify Me
+                </PrimaryBadge>
+              </a>
+            </BadgesList>
+          </PageHeader>
           <div className="border-top pt-5">
             <GuideBody >
               <GuideContent />