Function DocumentDrawer

web/components/document/document-drawer.tsx:19–101

({
                                                         visible,
                                                         onClose
                                                       })

}

const DocumentDrawer: React.FC<DocumentDrawerProps> = ({
                                                         visible,
                                                         onClose
                                                       }) => {
  const [form] = Form.useForm();
  const [tags, setTags] = useState<string[]>();

  const getTags = (val: string[]) => {
    setTags(val);
  };

  const router = useRouter();
  const {name: datasetName} = router.query;
  const handleSubmit = async (values: DocumentUpload) => {
    try {
      var files: File[] = Array(values.fileList.length);
      for (let i = 0; i < values.fileList.length; i++) {
        files[i] = values.fileList[i].originFileObj;
      }
      await uploadDocument(datasetName as string, files, tags)
      form.resetFields();
      onClose();
    } catch (error) {
      if (error instanceof HttpError) {
        message.error(error.message);
      } else {
        message.error("Operation failed");
      }
    }
  };

  const normFile = (e: any) => {
    console.log('Upload event:', e);
    if (Array.isArray(e)) {
      return e;
    }
    return e?.fileList;
  };


  return (
    <Drawer
      title={"Create document"}
      width={720}
      onClose={onClose}
      open={visible}
      bodyStyle={{paddingBottom: 80}}
    >
      <Form
        form={form}
        layout="vertical"
        onFinish={handleSubmit}
        initialValues={{createTime: null, updateTime: null, vectorType: "openaiVector"}}
      >
        <Form.Item
          name="fileList"
          label="FileList"
          valuePropName="fileList"