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