change responsive page doctors & change modal and responsive & responsive page doctor item

2024-08-18 14:39:34 +03:30
parent cd3b783abd
commit 8a53f60d7e
18 changed files with 179 additions and 53 deletions
@@ -1,10 +1,27 @@
 import { FormControlLabel, Radio, RadioGroup } from "@mui/material"

-function Radios({ group }) {
+function Radios({ group, value, changeData }) {
    return (
-        <RadioGroup>
+        <RadioGroup
+            value={value}
+            onChange={e => changeData(e.target.value)}
+            sx={{
+                '& .MuiFormControlLabel-root': {
+                    marginRight: '0 !important',
+                    transform: 'translateX(9px)'
+                }
+            }}
+        >
            {group.map((item, idx) => (
-                <FormControlLabel value={idx} control={<Radio />} label={item} />
+                <FormControlLabel
+                    control={
+                        <Radio
+                            className="!ml-2" />
+                    }
+                    label={item}
+                    value={idx}
+                    key={idx}
+                />
            ))}
        </RadioGroup>
    )