3 files changed, 123 insertions, 0 deletions
diff --git a/src/services/transfers/TransferForm.tsx b/src/services/transfers/TransferForm.tsx
new file mode 100644
index 0000000..3502609
--- /dev/null
+++ b/src/services/transfers/TransferForm.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { Form, FormikProps } from 'formik';
+import moment from 'moment';
+import Input from '../../components/Input';
+import Select from '../../components/Select';
+import hooks from '../../hooks/useAPIClient';
+
+
+const mapper = (item: any) => ({ key: item._id, label: item.name });
+
+
+const TransferForm: React.FC<FormikProps<any>> = ({ setFieldValue, values }) => {
+  const { data: contractors } = hooks.contractors.useList();
+
+  if (!values.date) setFieldValue('date', moment().format('YYYY-MM-DD'));
+  if (!values.contractorId && contractors?.length) setFieldValue('contractorId', contractors[0]._id);
+
+  return (
+    <Form id="form">
+      <div className="grid grid-cols-2">
+        <Select
+          name="contractorId"
+          label="Контрагент"
+          options={contractors?.map(mapper)}
+          required
+        />
+        <Input name="date" type="date" label="Дата" required />
+      </div>
+      <div className="grid grid-cols-2">
+        <Select
+          name="operation"
+          label="Операция"
+          options={[
+            { key: 'in', label: 'Приход' },
+            { key: 'out', label: 'Расход' },
+          ]}
+        />
+        <Input name="amount" type="number" label="Сумма" required />
+      </div>
+    </Form>
+  );
+};
+
+export default TransferForm;
diff --git a/src/services/transfers/TransfersUpload.tsx b/src/services/transfers/TransfersUpload.tsx
new file mode 100644
index 0000000..1c81b08
--- /dev/null
+++ b/src/services/transfers/TransfersUpload.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+import { Form, Formik } from 'formik';
+import Button from '../../components/Button';
+import Input from '../../components/Input';
+import Page, { Action } from '../../containers/Page';
+import { post } from '../../requests';
+
+const TransfersUpload: React.FC = () => {
+  const history = useHistory();
+
+  const handleSubmitFile = () => {
+    const reader = new FileReader();
+    const element = document.getElementById('file') as HTMLInputElement;
+    const file = element?.files?.[0];
+    if (file) {
+      reader.readAsDataURL(file);
+      reader.onload = (e: any) => {
+        const uri = e.target.result;
+        post('/uploads', { uri }).then(history.goBack);
+      };
+    }
+  };
+
+  const actions: Action[] = [
+    { name: 'Назад', variant: 'outlined', onClick: history.goBack },
+    { name: 'Загрузить', type: 'submit', form: 'form' },
+  ];
+
+  return (
+    <Page
+      title="Загрузить выписку"
+      actions={actions}
+    >
+      <Formik onSubmit={handleSubmitFile} initialValues={{}}>
+        <Form id="form">
+          <Input name="file" type="file" accept=".pdf" label="Прикрепите файл" id="file" />
+        </Form>
+      </Formik>
+    </Page>
+  );
+};
+
+export default TransfersUpload;
diff --git a/src/services/transfers/index.ts b/src/services/transfers/index.ts
new file mode 100644
index 0000000..09f6e04
--- /dev/null
+++ b/src/services/transfers/index.ts
@@ -0,0 +1,35 @@
+import Form from './TransferForm';
+import UploadPage from './TransfersUpload';
+
+import { operationNames } from '../constants';
+
+const service = {
+  route: 'transfers',
+  name: 'Переводы',
+  nameSingular: 'Перевод',
+  tableFields: [
+    { key: 'date', label: 'Дата', transform: (date: string) => new Date(date).toLocaleDateString() },
+    { key: 'contractor.name', label: 'Контрагент' },
+    { key: 'operation', label: 'Операция', transform: (op: 'in' | 'out') => operationNames[op] },
+    { key: 'amount', label: 'Сумма' },
+  ],
+  actions: [
+    {
+      name: 'Загрузить выписку',
+      route: '/transfers/upload',
+      variant: 'outlined',
+    },
+    {
+      name: 'Добавить',
+      route: '/transfers/add',
+    },
+  ],
+  default: {
+    operation: 'in',
+    records: [],
+  },
+  routes: { upload: UploadPage },
+  Form,
+};
+
+export default service;