mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-13 05:48:36 +03:00
36 lines
756 B
JavaScript
36 lines
756 B
JavaScript
import React from "react";
|
|
|
|
const TimelineLabels = ({ dims, timelabels }) => {
|
|
return (
|
|
<g>
|
|
<line
|
|
class="axisBoundaries"
|
|
x1={dims.marginLeft}
|
|
x2={dims.marginLeft}
|
|
y1="10"
|
|
y2="20"
|
|
/>
|
|
<line
|
|
class="axisBoundaries"
|
|
x1={dims.width - dims.width_controls}
|
|
x2={dims.width - dims.width_controls}
|
|
y1="10"
|
|
y2="20"
|
|
/>
|
|
<text class="timeLabel0 timeLabel" x="5" y="15">
|
|
{timelabels[0]}
|
|
</text>
|
|
<text
|
|
class="timelabelF timeLabel"
|
|
x={dims.width - dims.width_controls - 5}
|
|
y="135"
|
|
style={{ textAnchor: "end" }}
|
|
>
|
|
{timelabels[1]}
|
|
</text>
|
|
</g>
|
|
);
|
|
};
|
|
|
|
export default TimelineLabels;
|