mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-12 05:18:34 +03:00
31 lines
694 B
JavaScript
31 lines
694 B
JavaScript
import React from 'react'
|
|
|
|
const TimelineMarkers = ({ getEventX, getCategoryY, transitionDuration, selected }) => {
|
|
function renderMarker (event) {
|
|
return (
|
|
<circle
|
|
className='timeline-marker'
|
|
cx={0}
|
|
cy={0}
|
|
style={{
|
|
'transform': `translate(${getEventX(event)}px, ${getCategoryY(event.category)}px)`,
|
|
'-webkit-transition': `transform ${transitionDuration / 1000}s ease`,
|
|
'-moz-transition': 'none',
|
|
'opacity': 0.9
|
|
}}
|
|
r='10'
|
|
/>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<g
|
|
clipPath={'url(#clip)'}
|
|
>
|
|
{selected.map(event => renderMarker(event))}
|
|
</g>
|
|
)
|
|
}
|
|
|
|
export default TimelineMarkers
|