changed state buttons to dropdown

calblueprint · Nov 4, 2024 · 7be66e3 · 7be66e3
1 parent 52ad5fc
commit 7be66e3
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/app/seasonal-planting-guide/page.tsx b/app/seasonal-planting-guide/page.tsx
@@ -47,11 +47,14 @@ const SeasonalPlantingGuide = () => {
         <>
           <p>Please select a US state to view planting information.</p>
           <StateOptionsContainer>
-            {usStateOptions.map(state => (
-              <button key={state} onClick={() => setSelectedUsState(state)}>
-                {state}
-              </button>
-            ))}
+            <FilterDropdownSingle
+              name="usState"
+              id="usState"
+              value={selectedUsState}
+              setStateAction={setSelectedUsState}
+              placeholder="US State"
+              options={usStateOptions}
+            />
           </StateOptionsContainer>
         </>
       ) : (