Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1266 Rev 1267
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useState } from 'react'
2 
import { useController } from 'react-hook-form'
 2 
import { useController } from 'react-hook-form'
3 
import styled, { css } from 'styled-components'
 3 
import styled, { css } from 'styled-components'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 52... Línea 52...
52 
      }
 52 
      }
53 
    `}
 53 
    `}
54 
`
 54 
`
Línea 55... Línea 55...
55 
 
 55 
 
- 
 
 56 
const Checkbox = ({ name, control, rules = {}, label = '', error = '' }) => {
- 
 
 57 
  const [isChecked, setIsChecked] = useState(false)
56 
const Checkbox = ({ name, control, rules = {}, label = '', error = '' }) => {
 58 
 
57 
  const { field } = useController({
 59 
  const { field } = useController({
58 
    name,
 60 
    name,
59 
    control,
 61 
    control,
60 
    rules
 62 
    rules
Línea -... Línea 63...
- 
 
 63 
  })
61 
  })
 64 
 
- 
 
 65 
  field.onChange = (e) => {
Línea 62... Línea 66...
62 
 
 66 
    setIsChecked(e.target.checked)
63 
  console.log(field.value)
 67 
  }
64 
 
 68 
 
65 
  return (
 69 
  return (
66 
    <>
 70 
    <>
67 
      <CheckboxContainer isChecked={field.value}>
 71 
      <CheckboxContainer isChecked={isChecked}>
68 
        <span></span>
 72 
        <span></span>
69 
        <label htmlFor={name}>
 73 
        <label htmlFor={name}>