From 929e6047cff04786118545edaf2ebcf06f5ee534 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Mon, 9 Jun 2025 18:22:41 +0300
Subject: [PATCH] fix checkbox

---
 .../GenderAndAgeSelector.tsx                  | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

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);