Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { useForm } from 'react-hook-form'

import { useForm } from 'react-hook-form';

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

import Modal from '@components/UI/modal/Modal';

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

import Select from '@components/UI/inputs/Select';

export default function ApplyModal({

export default function ApplyModal({ show, profiles, onConfirm, onClose = function () {} }) {

  const {

  const {

    control,

    control,

    formState: { errors, isSubmitting },

    formState: { errors, isSubmitting },

    handleSubmit

    handleSubmit

  } = useForm()

  } = useForm();

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

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

  return (

  return (

    <Modal

    <Modal

      title='Perfil de Applicación'

      title='Perfil de Applicación'

      show={show}

      show={show}

      onClose={onClose}

      onClose={onClose}

      onAccept={onSubmit}

      onAccept={onSubmit}

      loading={isSubmitting}

      loading={isSubmitting}

    >

    >

      <Select

      <Select

        name='user_profile_id'

        name='user_profile_id'

        control={control}

        control={control}

        rules={{ required: 'Por favor seleccione un perfil' }}

        rules={{ required: 'Por favor seleccione un perfil' }}

        error={errors?.user_profile_id?.message}

        error={errors?.user_profile_id?.message}

        options={Object.entries(profiles).map(([value, name]) => ({

        options={Object.entries(profiles).map(([value, name]) => ({

          name,

          name,

          value

          value

        }))}

        }))}

      />

      />

    </Modal>

    </Modal>

  )

  );

}

}