mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-11 12:58:35 +03:00
25 lines
807 B
JavaScript
25 lines
807 B
JavaScript
import React from 'react'
|
|
|
|
const TimelineHandles = ({ dims, onMoveTime }) => {
|
|
return (
|
|
<g className='time-controls-inline'>
|
|
<g
|
|
transform={`translate(${dims.margin_left - 20}, 120)`}
|
|
onClick={() => onMoveTime('backwards')}
|
|
>
|
|
<circle r='15' />
|
|
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(270)' />
|
|
</g>
|
|
<g
|
|
transform={`translate(${dims.width - dims.width_controls + 20}, 120)`}
|
|
onClick={() => onMoveTime('forward')}
|
|
>
|
|
<circle r='15' />
|
|
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(90)' />
|
|
</g>
|
|
</g>
|
|
)
|
|
}
|
|
|
|
export default TimelineHandles
|