- {Object.keys(categories).map((gender: string | Genders) => {
- let checked = selectedGenders.includes(gender);
+ {Object.keys(categories).map((c: string | Categories) => {
+ let checked = selectedCategories.includes(c);
+
return (
-
+
);
diff --git a/frontend/src/components/react/components/ChainDetailsForm.tsx b/frontend/src/components/react/components/ChainDetailsForm.tsx
index 1daa6fa46..329e7d9e0 100644
--- a/frontend/src/components/react/components/ChainDetailsForm.tsx
+++ b/frontend/src/components/react/components/ChainDetailsForm.tsx
@@ -11,7 +11,7 @@ import PopoverOnHover from "./Popover";
import SizesDropdown from "../components/SizesDropdown";
import CategoriesDropdown from "../components/CategoriesDropdown";
import { type RequestRegisterChain } from "../../../api/login";
-import { Genders, Sizes } from "../../../api/enums";
+import { Categories, Sizes } from "../../../api/enums";
import useForm from "../util/form.hooks";
import { addToastError } from "../../../stores/toast";
import { circleRadiusKm } from "../util/maps";
@@ -223,12 +223,12 @@ export default function ChainDetailsForm({
}
function handleCategoriesChange(selectedGenders: string[]) {
- setValue("genders", selectedGenders as Genders[]);
+ setValue("genders", selectedGenders as Categories[]);
// potentially remove some sizes if their parent category has been deselected
const filteredSizes = (values.sizes || []).filter(
(size) =>
selectedGenders.filter((gender) =>
- categories[gender as Genders].includes(size as Sizes),
+ categories[gender as Categories].includes(size as Sizes),
).length > 0,
);
setValue("sizes", filteredSizes);
@@ -341,7 +341,7 @@ export default function ChainDetailsForm({
@@ -354,10 +354,10 @@ export default function ChainDetailsForm({