From 208fbdfbf4712e586bcdfa552f343cb6ea774f19 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 1 Dec 2019 17:06:53 +0400
Subject: [PATCH] Render page markdown

---
 components/detailed-roadmap/index.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/detailed-roadmap/index.js b/components/detailed-roadmap/index.js
index 1e8255610..025638317 100644
--- a/components/detailed-roadmap/index.js
+++ b/components/detailed-roadmap/index.js
@@ -8,6 +8,7 @@ import { getFacebookShareUrl } from 'lib/url';
 import { ShareIcon } from 'components/share-icon';
 import { getRedditShareUrl, getTwitterShareUrl } from 'lib/url';
 import siteConfig from "storage/site";
+import MdRenderer from '../md-renderer';
 
 const DetailedRoadmap = ({ roadmap }) => {
   const [menuActive, setMenuState] = useState(false);
@@ -45,6 +46,9 @@ const DetailedRoadmap = ({ roadmap }) => {
     );
   });
 
+  const filePath = currentPage.path.replace(/^\//, '');
+  const RoadmapContent = require(`../../storage/${filePath}`).default;
+
   return (
     <SummaryContainer>
       <PageHeader className="border-top border-bottom text-center text-md-left">
@@ -93,7 +97,9 @@ const DetailedRoadmap = ({ roadmap }) => {
           { roadmapPages }
         </Sidebar>
         <div>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut beatae blanditiis commodi, consequatur, dicta distinctio esse et id, ipsa labore libero nisi odit placeat possimus saepe sed vel vitae voluptate?</p>
+          <MdRenderer>
+            <RoadmapContent />
+          </MdRenderer>
         </div>
       </Summary>
     </SummaryContainer>