From d7cb7cf00d49370d765b1f93b320dedd17c63969 Mon Sep 17 00:00:00 2001
From: stdavis <stdavis@utah.gov>
Date: Fri, 23 Aug 2024 16:04:00 -0600
Subject: [PATCH] fix: get rid of aria label warning in console

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

diff --git a/src/components/Filter.tsx b/src/components/Filter.tsx
index 6db190b..3193609 100644
--- a/src/components/Filter.tsx
+++ b/src/components/Filter.tsx
@@ -78,11 +78,11 @@ export default function Filter() {
         <h3 className="text-lg font-semibold">Species and length</h3>
         <div className="flex flex-col gap-2">
           <div className="ml-2 flex gap-1">
-            species <TextField className="w-20" />
+            <TextField label="species" className="w-20" />
           </div>
           <div className="ml-2 flex gap-1">
-            min <TextField className="w-20" />
-            max <TextField className="w-20" />
+            <TextField label="min" className="w-20" />
+            <TextField label="max" className="w-20" />
           </div>
           <div className="w-30 flex justify-end">
             <Button variant="secondary">clear all</Button>
@@ -93,8 +93,8 @@ export default function Filter() {
         <h3 className="text-lg font-semibold">Date range</h3>
         <div className="flex flex-col gap-2">
           <div className="ml-2 flex gap-1">
-            from <TextField className="w-20" />
-            to <TextField className="w-20" />
+            <TextField label="from" className="w-20" />
+            <TextField label="to" className="w-20" />
           </div>
           <div className="w-30 flex justify-end">
             <Button variant="secondary">clear all</Button>
@@ -105,7 +105,7 @@ export default function Filter() {
         <h3 className="text-lg font-semibold">Water body</h3>
         <div className="flex flex-col gap-2">
           <div className="ml-2 flex gap-1">
-            name <TextField className="w-20" />
+            <TextField label="name" className="w-20" />
           </div>
           <div className="w-30 flex justify-end">
             <Button variant="secondary">clear all</Button>