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 htmlFor="status" className="btn btn-primary toggle-on">Principal</label>
                                        <label htmlFor="status" className="btn btn-light toggle-off">Secundaria</label>
                                        <span className="toggle-handle btn btn-light"></span>
                                </div>
                        </div>
                </SubmitModal>
        )
}
export default LocationModal