computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.1 KiB
39 lines
1.1 KiB
5 years ago
|
import { Sidebar, Summary, SummaryContainer } from './style';
|
||
5 years ago
|
|
||
5 years ago
|
const DetailedRoadmap = ({ roadmap }) => {
|
||
5 years ago
|
const RoadmapPages = Object.keys(roadmap.sidebar || {}).map(groupTitle => {
|
||
|
return (
|
||
|
<div className='links-group'>
|
||
|
<h3>{ groupTitle }</h3>
|
||
|
<ul>
|
||
|
{ roadmap.sidebar[groupTitle].map(page => {
|
||
|
return (
|
||
|
<li>
|
||
|
<a href={ page.url }>
|
||
|
<span className="bullet"></span>
|
||
|
{ page.title }
|
||
|
</a>
|
||
|
</li>
|
||
|
);
|
||
|
})}
|
||
|
</ul>
|
||
|
</div>
|
||
|
);
|
||
|
});
|
||
|
|
||
5 years ago
|
return (
|
||
5 years ago
|
<SummaryContainer className="border-top">
|
||
5 years ago
|
<Summary className="container text-left">
|
||
|
<Sidebar className="sidebar">
|
||
|
{ 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>
|
||
|
</div>
|
||
5 years ago
|
</Summary>
|
||
|
</SummaryContainer>
|
||
|
)
|
||
|
};
|
||
|
|
||
5 years ago
|
export default DetailedRoadmap;
|