From b4fd7822a99a561ff7587e716e4648ab06d26c32 Mon Sep 17 00:00:00 2001
From: lublagg <lvblagg@gmail.com>
Date: Fri, 16 Feb 2024 11:15:38 -0800
Subject: [PATCH] Auto-select yield if user selects crop.

---
 src/components/options.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/options.tsx b/src/components/options.tsx
index 20fc432..1f1bf3f 100644
--- a/src/components/options.tsx
+++ b/src/components/options.tsx
@@ -26,7 +26,7 @@ export const Options: React.FC<IOptions> = (props) => {
   const handleSelectState = (e: React.ChangeEvent<HTMLInputElement>) => {
     if (Array.isArray(selectedOptions[optionKey])) {
       const newArray = [...selectedOptions[optionKey]];
-      const newSelection: any = {[optionKey]: newArray};
+      const newSelection = {[optionKey]: newArray};
       if (e.currentTarget.checked) {
         newSelection[optionKey].push(e.target.value);
         // If user selects "Age", "Gender", or "Race", auto-select "Total Farmers" as well
@@ -38,7 +38,7 @@ export const Options: React.FC<IOptions> = (props) => {
           newSelection.farmDemographics.push("Total Farms");
         }
         // If user selects a crop and no unit is selected, auto-select Yield
-        if (optionKey === "crops" && !selectedOptions.cropUnits) {
+        if (optionKey === "crops" && !selectedOptions.cropUnits.length) {
           newSelection.cropUnits = ["Yield"];
         }
         // If user selects a state, de-select "All States"
@@ -95,7 +95,7 @@ export const Options: React.FC<IOptions> = (props) => {
             checked={isOptionSelected(o)}
             onChange={(e) => handleSelectState(e)}
           />
-          <label className={css.label} htmlFor={o} key={`label-${o}`}>{o}</label>
+          <label className={css.label} htmlFor={o} key={`${inputType}-label-${o}`}>{o}</label>
         </div>
       );
     })}