diff --git a/components/desktop.js b/components/desktop.js index 6bad2fe..c3b8912 100644 --- a/components/desktop.js +++ b/components/desktop.js @@ -32,7 +32,7 @@ function Desktop() { const data = getSelectedData( map, ['biomass', 'fire', 'drought', 'insects'], - region + region, ) setSelectedData(data) }, [map, options, region, bounds]) diff --git a/components/map/enhancers/filters/circle-filter/circle-picker/circle-renderer.js b/components/map/enhancers/filters/circle-filter/circle-picker/circle-renderer.js index f030e5b..e1dbe92 100644 --- a/components/map/enhancers/filters/circle-filter/circle-picker/circle-renderer.js +++ b/components/map/enhancers/filters/circle-filter/circle-picker/circle-renderer.js @@ -47,7 +47,7 @@ export default function CircleRenderer({ const r = distance( map.unproject(e.point).toArray(), [center.lng, center.lat], - { units: 'miles' } + { units: 'miles' }, ) setRadius(r) onDrag(circle) @@ -193,7 +193,7 @@ export default function CircleRenderer({ const lineEnd = rhumbDestination( [center.lng, center.lat], radius * 2, - guidelineAngle + guidelineAngle, ) const line = lineString([ @@ -222,7 +222,7 @@ export default function CircleRenderer({ .text(radius.toFixed(0) + 'mi') .attr( 'transform', - `rotate(${-1 * guidelineAngle + 90}) ` + `translate(0, ${translateY})` + `rotate(${-1 * guidelineAngle + 90}) ` + `translate(0, ${translateY})`, ) const translateX = (() => { @@ -234,7 +234,7 @@ export default function CircleRenderer({ svgRadiusTextContainer.attr( 'transform', `rotate(${guidelineAngle - 90}, ${handleXY.x}, ${handleXY.y}) ` + - `translate(${handleXY.x + translateX}, ${handleXY.y})` + `translate(${handleXY.x + translateX}, ${handleXY.y})`, ) } diff --git a/components/map/enhancers/filters/helpers.js b/components/map/enhancers/filters/helpers.js index 9edd1ef..cbc3adc 100644 --- a/components/map/enhancers/filters/helpers.js +++ b/components/map/enhancers/filters/helpers.js @@ -9,7 +9,7 @@ function dedupedPoints(points) { const duplicatePoint = deduped.find( (d) => d.properties.lat === point.properties.lat && - d.properties.lon === point.properties.lon + d.properties.lon === point.properties.lon, ) if (duplicatePoint) console.log('duplicate point!') @@ -52,7 +52,8 @@ function turfPointsInCircle(points, circle) { const { lng, lat } = circle.properties.center return points.filter( (p) => - distance(p.geometry.coordinates, [lng, lat], { units: 'miles' }) <= radius + distance(p.geometry.coordinates, [lng, lat], { units: 'miles' }) <= + radius, ) } diff --git a/components/map/enhancers/index.js b/components/map/enhancers/index.js index 12de0e8..6bd0bdc 100644 --- a/components/map/enhancers/index.js +++ b/components/map/enhancers/index.js @@ -25,7 +25,7 @@ export default function Enhancers({ if (region) region.properties.type = activeFilter onChangeRegion(region) }, - [activeFilter] + [activeFilter], ) useEffect(() => { diff --git a/components/map/enhancers/ruler.js b/components/map/enhancers/ruler.js index 1180a19..1e9f157 100644 --- a/components/map/enhancers/ruler.js +++ b/components/map/enhancers/ruler.js @@ -56,7 +56,7 @@ function useRuler(map, mode = AXES) { axisBottom(x) .tickValues(x.domain()) .tickFormat((d) => `${d}°`) - .tickSize(TICK_SIZE) + .tickSize(TICK_SIZE), ) .call((g) => g.select('.domain').remove()) @@ -74,7 +74,7 @@ function useRuler(map, mode = AXES) { axisLeft(y) .tickValues(y.domain()) .tickFormat((d) => `${d}°`) - .tickSize(TICK_SIZE) + .tickSize(TICK_SIZE), ) .call((g) => g.select('.domain').remove()) @@ -105,10 +105,10 @@ function useRuler(map, mode = AXES) { .attr('y1', xTickHeight + TICK_MARGIN) .attr('y2', height), (update) => update, - (exit) => exit.remove() + (exit) => exit.remove(), ) .attr('x1', (d) => 0.5 + x(d)) - .attr('x2', (d) => 0.5 + x(d)) + .attr('x2', (d) => 0.5 + x(d)), ) .call((g) => g @@ -117,7 +117,7 @@ function useRuler(map, mode = AXES) { .join( (enter) => enter.append('line').classed('y', true), (update) => update, - (exit) => exit.remove() + (exit) => exit.remove(), ) .attr('y1', (d) => 0.5 + y(d)) .attr('y2', (d) => 0.5 + y(d)) @@ -126,7 +126,7 @@ function useRuler(map, mode = AXES) { ? yTickNodes[i].getBoundingClientRect().width : 0 return width - yTickWidth - TICK_MARGIN - }) + }), ) }, } diff --git a/components/sidebar/layers.js b/components/sidebar/layers.js index ddb9c9c..898a105 100644 --- a/components/sidebar/layers.js +++ b/components/sidebar/layers.js @@ -194,7 +194,7 @@ function Layers({ options, setOptions, children }) { setTick( setTimeout(() => { setSliderChanging(false) - }, 250) + }, 250), ) }} onKeyUp={(e) => setSlider('year', e.target.value)} diff --git a/components/visualization/index.js b/components/visualization/index.js index dac69ba..1675dae 100644 --- a/components/visualization/index.js +++ b/components/visualization/index.js @@ -37,7 +37,7 @@ export default function Visualization({ data, options }) { const counts = binEdges .map((b, i) => { return biomassDeltas.filter( - (d) => (d >= binEdges[i]) & (d < binEdges[i + 1]) + (d) => (d >= binEdges[i]) & (d < binEdges[i + 1]), ).length }) .slice(0, nBins)