mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-11 04:48:36 +03:00
ddbee03f50
* fix card toggle * fix bug and bar marker * reinstate timeline arrows * adjust (hard to interpret) category y calculation * shadows for markers as well * return markers when there are no categories * remove year in timeline * make notifications optional * WIP: render hovered counts * show number on hover * lint * revert to filteredLocations * linting * return mapClustersToLocations * 💄 * lint Co-authored-by: efarooqui <efarooqui@pandora.com>
25 lines
852 B
JavaScript
25 lines
852 B
JavaScript
import React from 'react'
|
|
|
|
const TimelineHandles = ({ dims, onMoveTime }) => {
|
|
return (
|
|
<g className='time-controls-inline'>
|
|
<g
|
|
transform={`translate(${dims.marginLeft - 20}, ${dims.contentHeight - 10})`}
|
|
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}, ${dims.contentHeight - 10})`}
|
|
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
|