Proyectos de Subversion LeadersLinked - SPA

import React, { useMemo } from 'react';

import { useAlert, useApi } from '@shared/hooks';
import { parseHelperToSelect } from '@shared/utils';
import { saveGroupIndustry } from '@groups/services';

import { Form, FormButton, FormSelect } from '@shared/components';

export function IndustryForm({ industries, industry, uuid, onSubmit }) {
  const industriesOptions = useMemo(() => parseHelperToSelect(industries), [industries]);
  const industryId = useMemo(
    () => industriesOptions.find((value) => value.label === industry)?.value || '',
    [industriesOptions, industry]
  );

  const { showError, showSuccess } = useAlert();

  const { execute } = useApi(saveGroupIndustry, {
    onSuccess: (data) => {
      showSuccess('Industria actualizada correctamente');
      onSubmit(data);
    },
    onError: (error) => {
      showError(error.message);
    }
  });

  const handleSubmit = (data) => {
    execute(uuid, data);
  };

  return (
    <Form onSubmit={handleSubmit} defaultValues={{ industry_id: industryId }}>
      <FormSelect
        name='industry_id'
        placeholder='Industria'
        rules={{ required: 'Por favor eliga una industria' }}
        options={industriesOptions}
      />
      <FormButton type='submit'>Guardar</FormButton>
    </Form>
  );
}