Split roadmap summaries and detailed roadmap

pages/[roadmap]/index.js

@@ -2,23 +2,23 @@ import Error from 'next/error';
 import DefaultLayout from 'layouts/default';
 import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
-import RoadmapBody from 'components/roadmap-body';
 import { serverOnlyProps } from 'lib/server';
 import { getRequestedRoadmap } from 'lib/roadmap';
 import Helmet from 'components/helmet';
-import RoadmapHeader from 'components/roadmap-header';
+import RoadmapSummary from 'components/roadmap-summary';
+import RoadmapBody from '../../components/roadmap-body';
 
 const Roadmap = ({ roadmap }) => {
   if (!roadmap) {
     return <Error statusCode={ 404 } />
   }
 
+  const showSummary = roadmap.upcoming || !roadmap.detailed;
   return (
     <DefaultLayout>
       <Helmet title={ roadmap.title } description={ roadmap.description } />
       <SiteNav />
-      <RoadmapHeader roadmap={ roadmap } />
-      <RoadmapBody roadmap={ roadmap } />
+      { showSummary ? <RoadmapSummary roadmap={roadmap} /> : <RoadmapBody roadmap={roadmap} /> }
       <PageFooter />
     </DefaultLayout>
   );