Merge pull request #243 from ucdavis/srk/button-names

update some text and set some auto-disabled
ucdavis · Jul 13, 2022 · 55c5fd9 · 55c5fd9
2 parents f433f82 + 260a8d3
commit 55c5fd9
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/Map/MapContainer.tsx b/src/components/Map/MapContainer.tsx
@@ -502,6 +502,9 @@ export const MapContainer = () => {
   const style = {
     height: window.innerHeight
   };
+
+  const allResultsSelected = selectedYearIndex === years.length;
+
   return (
     <div style={style}>
       {(yearlyResults.length > 0 || loading) && (
@@ -511,6 +514,8 @@ export const MapContainer = () => {
               toggleMoveInGeoJson(h => !h);
             }}
             active={showMoveInGeoJson}
+            disabled={allResultsSelected}
+            title='Show Move-In Geometry in selected year'
             color='primary'
             className='toggle-buttons movein-toggle'
           >
@@ -522,6 +527,8 @@ export const MapContainer = () => {
               toggleTransportationGeoJson(h => !h);
             }}
             active={showTransportationGeoJson}
+            disabled={allResultsSelected}
+            title='Show Transportation Geometry in selected year'
             color='primary'
             className='toggle-buttons transportation-toggle'
           >
@@ -539,6 +546,7 @@ export const MapContainer = () => {
               toggleHeatmap(h => !h);
             }}
             active={showHeatmap}
+            title='Heatmap scaled by density of biomass'
             color='primary'
             className='toggle-buttons heatmap-toggle'
           >
@@ -551,10 +559,11 @@ export const MapContainer = () => {
               toggleErrorGeoJson(!showErrorGeoJson);
             }}
             active={showErrorGeoJson}
+            title='Cluster zones which cannot be used for biomass'
             color='primary'
             className='toggle-buttons error-toggle'
           >
-            <span>{isErrorZone ? 'Show Error Zones' : 'Hide Error Zones'}</span>
+            <span>{isErrorZone ? 'Show Unusable Zones' : 'Hide Unusable Zones'}</span>
             <FontAwesomeIcon icon={isErrorZone ? faEye : faEyeSlash} />
           </Button>
           <Button