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

return bar markers rendering

Browse Source
This commit is contained in:
Lachlan Kermode
2020-06-08 16:55:57 +02:00
parent 12e309ed8a
commit 07a9341fa5
4 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/presentational/Timeline/DatetimeBar.js
View File

@@ -33,7 +33,7 @@ export default ({
className='event'
x={x}
y={y - sectionHeight + (idx * sectionHeight) + (sectionHeight / 2)}
style={{ ...styleProps, opacity: h ? 0.5 : 0.1 }}
style={{ ...styleProps, opacity: h ? 0.3 : 0.1 }}
width={width}
height={sectionHeight}
/>

2
src/components/presentational/Timeline/Events.js
View File

@@ -21,7 +21,7 @@ function renderDot (event, styles, props) {
function renderBar (event, styles, props) {
const fillOpacity = props.features.GRAPH_NONLOCATED
? event.projectOffset >= 0 ? styles.opacity : 0.5
: 0.6
: calcOpacity(1)
return <DatetimeBar
onSelect={props.onSelect}

7
src/components/presentational/Timeline/Markers.js
View File

@@ -36,7 +36,7 @@ const TimelineMarkers = ({
className='timeline-marker'
x={0}
y={0}
width={eventRadius / 3}
width={eventRadius / 2}
height={dims.contentHeight - 55}
stroke={styles ? styles.stroke : colors.primaryHighlight}
stroke-opacity='1'
@@ -48,7 +48,8 @@ const TimelineMarkers = ({
}}
/>
}
const isNonlocated = !event.latitude && !event.longitude
const isDot = (!!event.location && !!event.longitude) || (features.GRAPH_NONLOCATED && event.projectOffset !== -1)
switch (event.shape) {
case 'circle':
return renderCircle()
@@ -59,7 +60,7 @@ const TimelineMarkers = ({
case 'star':
return renderCircle()
default:
return (!features.GRAPH_NONLOCATED && isNonlocated) ? renderBar : renderCircle()
return isDot ? renderCircle() : renderBar()
}
}