bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 05:18:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

compose store with custom values in config.js

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-17 11:37:04 +00:00
committed by Franc Camps-Febrer
parent 87f2f5c796
commit b7618543f7
8 changed files with 41 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/presentational/TimelineZoomControls.js
View File

@@ -1,11 +1,11 @@
import React from 'react';
const TimelineZoomControls = ({ zoomLevels, dims, onApplyZoom }) => {
const TimelineZoomControls = ({ extent, zoomLevels, dims, onApplyZoom }) => {
function renderZoom(zoom, idx) {
const isActive = (zoom.duration === extent)
return (
<text
className={`zoom-level-button ${zoom.active ? 'active' : ''}`}
className={`zoom-level-button ${isActive ? 'active' : ''}`}
x="60"
y={(idx * 15) + 20}
onClick={() => onApplyZoom(zoom)}
@@ -22,4 +22,4 @@ const TimelineZoomControls = ({ zoomLevels, dims, onApplyZoom }) => {
);
}
export default TimelineZoomControls;
export default TimelineZoomControls;