diff --git a/apps/web/src/components/ui/Filter.tsx b/apps/web/src/components/ui/Filter.tsx index b091b813..7ac375ce 100644 --- a/apps/web/src/components/ui/Filter.tsx +++ b/apps/web/src/components/ui/Filter.tsx @@ -36,23 +36,27 @@ export default function Filter({ - {filters.map((filter) => ( -
- recordFilterInput(filter)} - className="border-[#28282c] bg-[#141418] text-ox-purple transition data-[state=checked]:border-ox-purple data-[state=checked]:bg-ox-purple/20 data-[state=checked]:ring-2 data-[state=checked]:ring-ox-purple/50" - /> - -
- ))} + {filters.map((filter) => { + const inputId = `${filterName}-${filter}`; + return ( +
+ recordFilterInput(filter)} + className="border-[#28282c] bg-[#141418] text-ox-purple transition data-[state=checked]:border-ox-purple data-[state=checked]:bg-ox-purple/20 data-[state=checked]:ring-2 data-[state=checked]:ring-ox-purple/50" + /> + +
+ ) + + })}