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

src/components/presentational/Card/Timestamp.js

@@ -8,7 +8,6 @@ const CardTimestamp = ({ timelabel, language, precision }) => {
   // const estimatedLang = copy[language].cardstack.estimated
   const unknownLang = copy[language].cardstack.unknown_time
 
-  console.log(precision)
   if (isNotNullNorUndefined(timelabel)) {
     return (
       <div className='card-cell timestamp'>

src/components/presentational/Timeline/Events.js

@@ -78,6 +78,10 @@ const TimelineEvents = ({
     })
   }
 
+  // console.log(datetimes
+  //   .filter(d => d.events.some(e => e.category !== 'Legislation'))
+  // )
+
   return (
     <g
       clipPath={'url(#clip)'}

src/components/presentational/Timeline/ZoomControls.js

@@ -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' : ''}`}