Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

import { useState } from 'react'

import SearchLocationInput from '../../../shared/SearchLocationInput'

import SubmitModal from '../../../jobs/components/Modals/SubmitModal'

import { useForm } from 'react-hook-form'

const LocationModal = ({

    closeModal,

    dataLink,

    googleApiKey,

    defaultData = ''

}) => {

    const { register } = useForm();

    const [isActive, setIsActive] = useState((defaultData.is_main === "y") ? true : false);

    const [value, setValue] = useState(defaultData.formatted_address)

    const [data, setData] = useState({})

    return (

        <SubmitModal

            title='Ubicación'

            closeModal={closeModal}

            submitData={{ ...data, is_main: isActive ? "y" : "n" }}

            postLink={dataLink}

        >

            <SearchLocationInput

                value={value}

                setValue={setValue}

                googleApiKey={googleApiKey}

                updateData={setData}

            />

            <div

                className={`toggle btn btn-primary ${!isActive && "off"}`}

                data-toggle="toggle"

                role="button"

                style={{ width: '130px' }}

                onClick={() => setIsActive(!isActive)}

            >

                <input

                    type="checkbox"

                    name="status"

                    ref={register}

                    checked={isActive}

                />

                <div className="toggle-group">

                    <label for="status" className="btn btn-primary toggle-on">Principal</label>

                    <label for="status" className="btn btn-light toggle-off">Secundaria</label>

                    <span className="toggle-handle btn btn-light"></span>

                </div>

            </div>

        </SubmitModal>

    )

}

export default LocationModal