Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { connect } from 'react-redux'
import { useForm } from 'react-hook-form'

import { addNotification } from '@store/notification/notification.actions'

import Modal from '@components/UI/modal/Modal'
import Select from '@components/UI/inputs/Select'

const ApplyModal = ({
  show,
  profiles,
  onConfirm,
  onClose = function () {}
}) => {
  const {
    control,
    formState: { errors, isSubmitting },
    handleSubmit
  } = useForm()

  const onSubmit = handleSubmit((data) => onConfirm(data))

  return (
    <Modal
      title='Perfil de Applicación'
      show={show}
      onClose={onClose}
      onAccept={onSubmit}
      loading={isSubmitting}
    >
      <Select
        name='user_profile_id'
        control={control}
        rules={{ required: 'Por favor seleccione un perfil' }}
        error={errors?.user_profile_id?.message}
        options={Object.entries(profiles).map(([value, name]) => ({
          name,
          value
        }))}
      />
    </Modal>
  )
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification)
}

export default connect(null, mapDispatchToProps)(ApplyModal)