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)