fix: more user-friendly error messages

agrc · Nov 29, 2024 · 22d043d · 22d043d
1 parent 97144ab
commit 22d043d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/filters/Purpose.tsx b/src/components/filters/Purpose.tsx
@@ -25,7 +25,11 @@ export default function Purpose(): JSX.Element {
   }, [selectedValues, filterDispatch]);
 
   if (error) {
-    return <p>{error.message}</p>;
+    return (
+      <div className="text-sm text-rose-600 forced-colors:text-[Mark]">
+        There was an error retrieving the purpose values
+      </div>
+    );
   }
 
   return (

diff --git a/src/components/filters/SpeciesLength.tsx b/src/components/filters/SpeciesLength.tsx
@@ -23,7 +23,11 @@ function RowControls({ species, min, max, onChange, addRow, removeRow, isLast }:
   const { data, isPending, error } = useDomainValues(config.urls.fish, config.fieldNames.SPECIES_CODE);
 
   if (error) {
-    return <p>{error.message}</p>;
+    return (
+      <div className="text-sm text-rose-600 forced-colors:text-[Mark]">
+        There was an error retrieving the species values
+      </div>
+    );
   }
 
   return (