bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

wip: narrative info to the right

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-08 15:21:58 +00:00
parent 0d8a66ad2f
commit 002447e707
3 changed files with 46 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/presentational/NarrativeCard.js
View File

@@ -42,15 +42,21 @@ function NarrativeCard ({ narrative, methods }) {
return (
<div className='narrative-info'>
{renderClose()}
<h3>{narrative.label}</h3>
<p>{narrative.description}</p>
<h6>
<i className='material-icons left'>location_on</i>
{current + 1}/{steps.length}. {step.location}
</h6>
{_renderActions(current, steps)}
</div>
<div className='narrative-info-header'>
<div className='count-container'>
<div className='count'>
{current + 1}/{steps.length}
</div>
</div>
<div>
<h3>{narrative.label}</h3>
</div>
</div>
{/* <i className='material-icons left'>location_on</i> */}
{/* {_renderActions(current, steps)} */}
<p className='narrative-info-desc'>{narrative.description}</p>
</div>
)
} else {
return null