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 [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"
                    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