@@ -502,6 +502,9 @@ export const MapContainer = () => {
502
502
const style = {
503
503
height : window . innerHeight
504
504
} ;
505
+
506
+ const allResultsSelected = selectedYearIndex === years . length ;
507
+
505
508
return (
506
509
< div style = { style } >
507
510
{ ( yearlyResults . length > 0 || loading ) && (
@@ -511,6 +514,8 @@ export const MapContainer = () => {
511
514
toggleMoveInGeoJson ( h => ! h ) ;
512
515
} }
513
516
active = { showMoveInGeoJson }
517
+ disabled = { allResultsSelected }
518
+ title = 'Show Move-In Geometry in selected year'
514
519
color = 'primary'
515
520
className = 'toggle-buttons movein-toggle'
516
521
>
@@ -522,6 +527,8 @@ export const MapContainer = () => {
522
527
toggleTransportationGeoJson ( h => ! h ) ;
523
528
} }
524
529
active = { showTransportationGeoJson }
530
+ disabled = { allResultsSelected }
531
+ title = 'Show Transportation Geometry in selected year'
525
532
color = 'primary'
526
533
className = 'toggle-buttons transportation-toggle'
527
534
>
@@ -539,6 +546,7 @@ export const MapContainer = () => {
539
546
toggleHeatmap ( h => ! h ) ;
540
547
} }
541
548
active = { showHeatmap }
549
+ title = 'Heatmap scaled by density of biomass'
542
550
color = 'primary'
543
551
className = 'toggle-buttons heatmap-toggle'
544
552
>
@@ -551,10 +559,11 @@ export const MapContainer = () => {
551
559
toggleErrorGeoJson ( ! showErrorGeoJson ) ;
552
560
} }
553
561
active = { showErrorGeoJson }
562
+ title = 'Cluster zones which cannot be used for biomass'
554
563
color = 'primary'
555
564
className = 'toggle-buttons error-toggle'
556
565
>
557
- < span > { isErrorZone ? 'Show Error Zones' : 'Hide Error Zones' } </ span >
566
+ < span > { isErrorZone ? 'Show Unusable Zones' : 'Hide Unusable Zones' } </ span >
558
567
< FontAwesomeIcon icon = { isErrorZone ? faEye : faEyeSlash } />
559
568
</ Button >
560
569
< Button
0 commit comments