Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useAlert } from '@shared/hooks';
import { getKnowledge, saveKnowledge } from '@knowledges/services';

import { Form, FormFilePicker, FormInput, FormRichEditor, FormSelect } from '@shared/components';
import { Button } from '@mui/material';

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

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

  return (
    <Form id={id} onSubmit={onSubmit} defaultValuesPromise={isEdit && getKnowledge(url)} 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' }}
      />

      <FormFilePicker
        label='Seleccione una imagen'
        type='image'
        name='image'
        rules={{ required: 'Este campo es requerido' }}
      />

      <FormFilePicker
        label='Seleccione un archivo'
        type='file'
        name='attachment'
        rules={{ required: 'Este campo es requerido' }}
      />

      <Button type='submit' variant='contained' color='primary'>
        Guardar
      </Button>
    </Form>
  );
}