Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1267 | Rev 1269 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1267 Rev 1268
Línea 51... Línea 51...
51
        opacity: 1;
51
        opacity: 1;
52
      }
52
      }
53
    `}
53
    `}
54
`
54
`
Línea 55... Línea 55...
55
 
55
 
-
 
56
const Checkbox = ({
-
 
57
  name,
-
 
58
  control,
-
 
59
  rules = {},
-
 
60
  label = '',
-
 
61
  error = '',
-
 
62
  defaultValue = 'false'
56
const Checkbox = ({ name, control, rules = {}, label = '', error = '' }) => {
63
}) => {
-
 
64
  const [isChecked, setChecked] = useState(defaultValue)
Línea 57... Línea -...
57
  const [isChecked, setIsChecked] = useState(false)
-
 
58
 
-
 
59
  const { field } = useController({
-
 
60
    name,
-
 
61
    control,
-
 
62
    rules
-
 
63
  })
65
  const { field } = useController({ name, control, defaultValue })
64
 
66
 
-
 
67
  const handleChange = (e) => {
65
  field.onChange = (e) => {
68
    setChecked(e.target.checked)
Línea 66... Línea 69...
66
    setIsChecked(e.target.checked)
69
    field.onChange(e)
67
  }
70
  }
68
 
71
 
69
  return (
72
  return (
70
    <>
73
    <>
71
      <CheckboxContainer isChecked={isChecked}>
74
      <CheckboxContainer isChecked={isChecked}>
72
        <span></span>
75
        <span></span>
73
        <label htmlFor={name}>
76
        <label htmlFor={name}>
74
          <input
77
          <input
75
            type='checkbox'
78
            type='checkbox'
76
            name={field.name}
79
            {...field}
77
            id={field.name}
80
            checked={isChecked}
78
            ref={field.ref}
81
            onChange={handleChange}
79
          />
82
          />
80
          {label}
83
          {label}