Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useAlert } from '../hooks';
import {
  Form,
  FormImagePicker,
  FormInput,
  FormRichEditor,
  FormSelect
} from '@app/modules/shared/components';
import { saveKnowledge } from '../services';

export function KnowledgeForm({ url = '', categories = [], onComplete = () => {} }) {
  const { showError } = useAlert();

  const onSubmit = async (knowledge) => {
    try {
      const newKnowledge = await saveKnowledge(url, knowledge);
      onComplete(newKnowledge);
    } catch (error) {
      showError(error.message);
    }
  };

  return (
    <Form onSubmit={onSubmit} reset>
      <FormSelect
        name='category_id'
        label='Categoría'
        placeholder='Seleccione un opción'
        options={categories}
        rules={{ required: 'Este campo es requerido' }}
      />

      <FormInput
        name='title'
        label='Título'
        placeholder='Ingrese el título del conocimiento'
        rules={{ required: 'Este campo es requerido' }}
      />

      <FormRichEditor
        name='description'
        label='Descripción'
        rules={{ required: 'Este campo es requerido' }}
      />

      <FormImagePicker name='image' label='Seleccione una imagen' />

      {/* <FormInput
        name='attachment'
        type='file'
        label='Adjunto'
        placeholder='Seleccione un archivo'
        accept='application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document'
        rules={{ required: 'Este campo es requerido' }}
        error={errors.attachment?.message}
      /> */}
    </Form>
  );
}