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

fade events not in narrative

Browse Source
This commit is contained in:
Lachlan Kermode
2018-12-26 12:58:51 +01:00
parent ede2f1efaa
commit 48b4184c48
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/MapEvents.jsx
View File

@@ -27,11 +27,27 @@ class MapEvents extends React.Component {
}
renderCategory(events, category) {
let styleProps = ({
fill: this.props.getCategoryColor(category),
fillOpacity: 0.8
})
if (this.props.narrative) {
const { byId } = this.props.narrative
const eventsInNarrative = events.filter(e => byId.hasOwnProperty(e.id))
if (eventsInNarrative.length <= 0) {
styleProps = {
...styleProps,
fillOpacity: 0.1
}
}
}
return (
<circle
className="location-event-marker"
r={(events.length > 0) ? Math.sqrt(16 * events.length) + 3 : 0}
style={{ fill: this.props.getCategoryColor(category), fillOpacity: 0.8 }}
style={styleProps}
onClick={() => this.props.onSelect(events)}
>
</circle>