Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

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

export const GroupImageForm = ({ sizes, uuid, onSubmit }) => {
  const { showSuccess, showError } = useAlert();

  const { execute } = useApi(saveGroupImage, {
    onSuccess: (data) => {
      onSubmit(data);
      showSuccess('Imagen subida correctamente');
    },
    onError: (error) => {
      showError(error.message);
    }
  });

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

  return (
    <Form onSubmit={handleSubmit}>
      <FormFilePicker
        name='image'
        type='image'
        description={`Arrastra la imagen aqui, o haga click para seleccionar. Tamaño recomendado: ${sizes}`}
      />
      <FormButton type='submit'>Guardar</FormButton>
    </Form>
  );
};