Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8437 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
8428 stevensc 1 
import React, { useState } from 'react'
2 
import { useForm } from 'react-hook-form';
3 
import SubmitModal from './SubmitModal'
4 
 
5 
const SalaryModal = ({
6 
    modalData,
7 
    closeModal,
8 
    dataLink
9 
}) => {
10 
 
11 
    const [isActive, setIsActive] = useState(false)
12 
    const { register, watch } = useForm()
13 
 
14 
    return (
15 
        <SubmitModal
16 
            title='Título'
17 
            closeModal={closeModal}
18 
            submitData={{
19 
                visible: isActive,
20 
                min: watch("minimo"),
21 
                max: watch("maximo")
22 
            }}
23 
            postLink={dataLink}
24 
        >
25 
            <div
26 
                className={`toggle btn btn-primary ${!isActive && "off"}`}
27 
                data-toggle="toggle"
28 
                role="button"
29 
                style={{ width: '130px' }}
30 
                onClick={() => setIsActive(!isActive)}
31 
            >
32 
                <input
33 
                    type="checkbox"
34 
                    checked={isActive}
35 
                />
36 
                <div className="toggle-group">
37 
                    <label for="status" className="btn btn-primary toggle-on">Principal</label>
38 
                    <label for="status" className="btn btn-light toggle-off">Secundaria</label>
39 
                    <span className="toggle-handle btn btn-light"></span>
40 
                </div>
41 
            </div>
42 
            <div className='form-group'>
43 
                <label className="form-label">Minimo</label>
44 
                <input
45 
                    type='text'
46 
                    className='form-control'
47 
                    name='minimo'
48 
                    ref={register({
49 
                        required: true,
50 
                        valueAsNumber: true,
51 
                        min: 1
52 
                    })}
53 
                />
54 
            </div>
55 
            <div className='form-group'>
56 
                <label className="form-label">Maximo</label>
57 
                <input
58 
                    type='text'
59 
                    className='form-control'
60 
                    name='maximo'
61 
                    ref={register({
62 
                        required: true,
63 
                        valueAsNumber: true,
64 
                        validate: value => value > watch("minimo")
65 
                    })}
66 
                />
67 
            </div>
68 
        </SubmitModal>
69 
    )
70 
}
71 
 
72 
export default SalaryModal