Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8042 | Rev 8051 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7774 stevensc 1
import React from 'react'
2
import { useState } from 'react'
3
import SearchLocationInput from '../../../shared/SearchLocationInput'
4
import SubmitModal from '../../../jobs/components/Modals/SubmitModal'
8043 stevensc 5
import { useForm } from 'react-hook-form'
7774 stevensc 6
 
7
const LocationModal = ({
8
    closeModal,
9
    dataLink,
7775 stevensc 10
    googleApiKey,
11
    defaultData = ''
7774 stevensc 12
}) => {
13
 
14
 
8042 stevensc 15
    const { register } = useForm();
16
    const [isActive, setIsActive] = useState((defaultData.is_main === "y") ? true : false);
17
    const [value, setValue] = useState(defaultData.formatted_address)
18
    const [data, setData] = useState({})
19
 
7774 stevensc 20
    return (
21
        <SubmitModal
22
            title='Ubicación'
23
            closeModal={closeModal}
8042 stevensc 24
            submitData={{ ...data, is_main: isActive ? "y" : "n" }}
7774 stevensc 25
            postLink={dataLink}
26
        >
27
            <SearchLocationInput
8042 stevensc 28
                value={value}
29
                setValue={setValue}
7774 stevensc 30
                googleApiKey={googleApiKey}
8042 stevensc 31
                updateData={setData}
7774 stevensc 32
            />
8042 stevensc 33
            <div
34
                className={`toggle btn btn-primary ${!isActive && "off"}`}
35
                data-toggle="toggle"
36
                role="button"
37
                style={{ width: '130px' }}
38
                onClick={() => setIsActive(!isActive)}
39
            >
40
                <input
41
                    type="checkbox"
42
                    name="status"
43
                    ref={register}
44
                    checked={isActive}
45
                />
46
                <div className="toggle-group">
47
                    <label for="status" className="btn btn-primary toggle-on">Principal</label>
48
                    <label for="status" className="btn btn-light toggle-off">Secundaria</label>
49
                    <span className="toggle-handle btn btn-light"></span>
50
                </div>
51
            </div>
7774 stevensc 52
        </SubmitModal>
53
    )
54
}
55
export default LocationModal