mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-13 13:58:35 +03:00
Add reactified event markers to timeline
This commit is contained in:
27
src/components/TimelineMarkers.jsx
Normal file
27
src/components/TimelineMarkers.jsx
Normal file
@@ -0,0 +1,27 @@
|
||||
import React from 'react';
|
||||
|
||||
class TimelineMarkers extends React.Component {
|
||||
|
||||
renderMarker(event) {
|
||||
return (
|
||||
<circle
|
||||
className="timeline-marker"
|
||||
cx={this.props.getEventX(event)}
|
||||
cy={this.props.getEventY(event)}
|
||||
r="10"
|
||||
style={{ opacity: "0.9" }}
|
||||
>
|
||||
</circle>
|
||||
)
|
||||
}
|
||||
|
||||
render () {
|
||||
return (
|
||||
<g>
|
||||
{this.props.selected.map(event => this.renderMarker(event))}
|
||||
</g>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default TimelineMarkers;
|
||||
Reference in New Issue
Block a user