From 19910ac318665a88cb9c6db25d6c8fb052a9ff89 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 30 Nov 2019 14:33:22 +0400
Subject: [PATCH] Add detailed roadmap

---
 .../{roadmap-body => detailed-roadmap}/index.js | 17 ++++-------------
 .../{roadmap-body => detailed-roadmap}/style.js |  9 ---------
 pages/[roadmap]/index.js                        |  4 ++--
 3 files changed, 6 insertions(+), 24 deletions(-)
 rename components/{roadmap-body => detailed-roadmap}/index.js (71%)
 rename components/{roadmap-body => detailed-roadmap}/style.js (90%)

diff --git a/components/roadmap-body/index.js b/components/detailed-roadmap/index.js
similarity index 71%
rename from components/roadmap-body/index.js
rename to components/detailed-roadmap/index.js
index 19fa0ff94..4dd317db4 100644
--- a/components/roadmap-body/index.js
+++ b/components/detailed-roadmap/index.js
@@ -1,15 +1,6 @@
-import { Sidebar, Summary, SummaryContainer, UpcomingContainer } from './style';
-import GuideBody from 'components/guide-body';
-
-const RoadmapBody = ({ roadmap }) => {
-  if (roadmap.upcoming) {
-    return (
-      <UpcomingContainer>
-        <GuideBody guide={{ fileName: 'upcoming' }} />
-      </UpcomingContainer>
-    );
-  }
+import { Sidebar, Summary, SummaryContainer } from './style';
 
+const DetailedRoadmap = ({ roadmap }) => {
   const RoadmapPages = Object.keys(roadmap.sidebar || {}).map(groupTitle => {
     return (
       <div className='links-group'>
@@ -31,7 +22,7 @@ const RoadmapBody = ({ roadmap }) => {
   });
 
   return (
-    <SummaryContainer>
+    <SummaryContainer className="border-top">
       <Summary className="container text-left">
         <Sidebar className="sidebar">
           { RoadmapPages }
@@ -44,4 +35,4 @@ const RoadmapBody = ({ roadmap }) => {
   )
 };
 
-export default RoadmapBody;
+export default DetailedRoadmap;
diff --git a/components/roadmap-body/style.js b/components/detailed-roadmap/style.js
similarity index 90%
rename from components/roadmap-body/style.js
rename to components/detailed-roadmap/style.js
index 6d91a84f3..fd4d2eb40 100644
--- a/components/roadmap-body/style.js
+++ b/components/detailed-roadmap/style.js
@@ -2,15 +2,6 @@ import styled from 'styled-components';
 
 export const SummaryContainer = styled.div``;
 
-export const UpcomingContainer = styled.div`
-  text-align: center;
-  padding: 40px 0 50px;
-
-  .container {
-    position: relative;
-  }
-`;
-
 export const Summary = styled.div`
   text-align: center;
   min-height: 400px;
diff --git a/pages/[roadmap]/index.js b/pages/[roadmap]/index.js
index e043a92fa..a31dd0fba 100644
--- a/pages/[roadmap]/index.js
+++ b/pages/[roadmap]/index.js
@@ -6,7 +6,7 @@ import { serverOnlyProps } from 'lib/server';
 import { getRequestedRoadmap } from 'lib/roadmap';
 import Helmet from 'components/helmet';
 import RoadmapSummary from 'components/roadmap-summary';
-import RoadmapBody from '../../components/roadmap-body';
+import DetailedRoadmap from '../../components/detailed-roadmap';
 
 const Roadmap = ({ roadmap }) => {
   if (!roadmap) {
@@ -18,7 +18,7 @@ const Roadmap = ({ roadmap }) => {
     <DefaultLayout>
       <Helmet title={ roadmap.title } description={ roadmap.description } />
       <SiteNav />
-      { showSummary ? <RoadmapSummary roadmap={roadmap} /> : <RoadmapBody roadmap={roadmap} /> }
+      { showSummary ? <RoadmapSummary roadmap={roadmap} /> : <DetailedRoadmap roadmap={roadmap} /> }
       <PageFooter />
     </DefaultLayout>
   );