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

reconfigures initial settings with a 30 year setting, more sensible defaults for zooms

Browse Source
This commit is contained in:
Lachlan Kermode
2020-02-09 18:27:35 +13:00
parent 6ad9b12370
commit 77bedb36b9
5 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/presentational/Timeline/ZoomControls.js
View File

@@ -1,7 +1,7 @@
import React from 'react'
function zoomIsActive (duration, extent) {
if (duration > 1570000 && extent > 1570000) {
function zoomIsActive (duration, extent, max) {
if (duration >= max && extent >= max) {
return true
}
return duration === extent
@@ -9,7 +9,8 @@ function zoomIsActive (duration, extent) {
const TimelineZoomControls = ({ extent, zoomLevels, dims, onApplyZoom }) => {
function renderZoom (zoom, idx) {
const isActive = zoomIsActive(zoom.duration, extent)
const max = zoomLevels.reduce((acc, vl) => acc.duration < vl.duration ? vl : acc)
const isActive = zoomIsActive(zoom.duration, extent, max.duration)
return (
<text
className={`zoom-level-button ${isActive ? 'active' : ''}`}