chore: Change color of radio buttons if disabled

podkrepi-bg · Dec 6, 2024 · 5b885af · 5b885af
1 parent eadb031
commit 5b885af
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/common/form/RadioButton.tsx b/src/components/common/form/RadioButton.tsx
@@ -70,20 +70,29 @@ type RadioButtonProps = {
   error?: boolean
 }
 
-function RadioButton({ checked, label, muiRadioButtonProps, value, error }: RadioButtonProps) {
+function RadioButton({
+  checked,
+  label,
+  muiRadioButtonProps,
+  value,
+  disabled,
+  error,
+}: RadioButtonProps) {
   return (
     <StyledRadioButton error={error}>
       <FormControlLabel
         value={value}
+        disabled={disabled}
+        sx={disabled ? { backgroundColor: '#e0e0e0', opacity: 0.7 } : {}}
         className={`${classes.radioWrapper} ${checked ? classes.checked : null}`}
-        sx={checked ? {} : undefined}
         label={
           <Typography className={classes.label} sx={{ wordBreak: 'break-word' }}>
             {label}
           </Typography>
         }
         control={
           <Radio
+            disabled={disabled}
             icon={<div className={`${classes.circle}`} />}
             checkedIcon={
               <Check color="primary" className={checked ? classes.checkIcon : undefined} />