sort list alphabetically

calblueprint · Oct 26, 2024 · 37a7173 · 37a7173
1 parent de99f08
commit 37a7173
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/components/PlantList.tsx b/components/PlantList.tsx
@@ -160,10 +160,13 @@ export const PlantList = ({
 
   return (
     <div>
-      {plants.filter(filterPlantList).map((plant, key) => (
-        //this should display PlantCalendarRows instead of this temporary div
-        <div key={key}>{plant.plant_name}</div>
-      ))}
+      {plants
+        .filter(filterPlantList)
+        .sort((a, b) => a.plant_name.localeCompare(b.plant_name))
+        .map((plant, key) => (
+          //this should display PlantCalendarRows instead of this temporary div
+          <div key={key}>{plant.plant_name}</div>
+        ))}
     </div>
   );
 };