Proyectos de Subversion LeadersLinked - SPA

import React, { useMemo } from 'react';

import { useApi, useAlert } from '@shared/hooks';
import { saveGroupAccessibility } from '@groups/services';

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

export function AccessibilityForm({
  uuid = '',
  privacy,
  accessibility,
  accessibilities = {},
  onSubmit = () => {}
}) {
  const accessibilitiesOptions = useMemo(() => {
    const options = parseHelperToSelect(accessibilities);
    return options.filter((acc) => (privacy === 'Privado' ? acc.value !== 'aj' : true));
  }, [accessibilities, privacy]);

  const currentAccessibility = useMemo(
    () => accessibilitiesOptions.find((acc) => acc.label === accessibility)?.value || '',
    [accessibilitiesOptions, accessibility]
  );

  const { showSuccess, showError } = useAlert();

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

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

  return (
    <Form onSubmit={handleSubmit} defaultValues={{ accessibility: currentAccessibility }}>
      <FormSelect
        name='accessibility'
        placeholder='Accesibilidad'
        rules={{ required: 'Por favor eliga una accesibilidad' }}
        options={accessibilitiesOptions}
      />
      <FormButton type='submit'>Guardar</FormButton>
    </Form>
  );
}