diff --git a/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx b/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx index 8fa20586..720022f3 100644 --- a/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx +++ b/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx @@ -1,7 +1,7 @@ import { Box, FormControl, FormLabel, Checkbox, FormControlLabel, useTheme, Button, useMediaQuery } from "@mui/material"; import CheckboxIcon from "@icons/Checkbox"; import AgeInputWithSelect from "./AgeInputWithSelect"; -import { useState } from "react"; +import { useState, useEffect } from "react"; interface GenderAndAgeSelectorProps { gender: string; @@ -27,6 +27,23 @@ export default function GenderAndAgeSelector({ const [maleChecked, setMaleChecked] = useState(false); const [femaleChecked, setFemaleChecked] = useState(false); + // Синхронизируем состояние чекбоксов с пропсом gender + useEffect(() => { + if (gender === '1') { + setMaleChecked(true); + setFemaleChecked(false); + } else if (gender === '0') { + setMaleChecked(false); + setFemaleChecked(true); + } else if (gender === '2') { + setMaleChecked(true); + setFemaleChecked(true); + } else { + setMaleChecked(false); + setFemaleChecked(false); + } + }, [gender]); + const handleGenderChange = (type: 'male' | 'female', checked: boolean) => { if (type === 'male') { setMaleChecked(checked);