Blame view

src/pages/Instalment/components/upload/uploadApp.tsx 772 Bytes
PurelzMgnead authored
1
import { InboxOutlined } from '@ant-design/icons';
PurelzMgnead authored
2
3
import { Upload } from 'antd';
import React from 'react';
PurelzMgnead authored
4
5

const App: React.FC = ({ uploadFile }) => {
PurelzMgnead authored
6
  const { Dragger } = Upload;
PurelzMgnead authored
7
PurelzMgnead authored
8
9
10
11
12
13
14
15
  const props = {
    name: 'file',
    multiple: true,
    maxCount: 1,
    onChange: (info) => {
      uploadFile(info.file.originFileObj);
    },
  };
PurelzMgnead authored
16
PurelzMgnead authored
17
18
19
20
21
22
23
24
25
26
27
28
29
30
  return (
    <Dragger {...props}>
      <p className="ant-upload-drag-icon">
        <InboxOutlined />
      </p>
      <p className="ant-upload-text">
        Click or drag file to this area to upload
      </p>
      <p className="ant-upload-hint">
        Support for a single or bulk upload. Strictly prohibited from uploading
        company data or other banned files.
      </p>
    </Dragger>
  );
PurelzMgnead authored
31
32
};
PurelzMgnead authored
33
export default App;