From 062f10a25d43b875d187cf582b2ecf96d075ec26 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Thu, 25 Mar 2021 23:09:49 +0300
Subject: refactor: move services to separate folder

---
 src/services/transfers/TransferForm.tsx | 44 +++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/services/transfers/TransferForm.tsx

(limited to 'src/services/transfers/TransferForm.tsx')

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;
-- 
cgit v1.2.3