refactoring: sales tables.

refacoring: purchases tables.

client/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormFooter.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { FastField } from 'formik';
+import classNames from 'classnames';
+import { FormGroup, TextArea } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'react-intl';
+import { CLASSES } from 'common/classes';
+import { Row, Col } from 'components';
+import Dragzone from 'components/Dragzone';
+
+import { inputIntent } from 'utils';
+
+export default function InvoiceFormFooter() {
+  return (
+    <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
+      <Row>
+        <Col md={8}>
+          {/* --------- Invoice message --------- */}
+          <FastField name={'invoice_message'}>
+            {({ field, meta: { error, touched } }) => (
+              <FormGroup
+                label={<T id={'invoice_message'} />}
+                className={'form-group--invoice_message'}
+                intent={inputIntent({ error, touched })}
+              >
+                <TextArea growVertically={true} {...field} />
+              </FormGroup>
+            )}
+          </FastField>
+
+          {/* --------- Terms and conditions --------- */}
+          <FastField name={'terms_conditions'}>
+            {({ field, meta: { error, touched } }) => (
+              <FormGroup
+                label={<T id={'terms_conditions'} />}
+                className={'form-group--terms_conditions'}
+                intent={inputIntent({ error, touched })}
+              >
+                <TextArea growVertically={true} {...field} />
+              </FormGroup>
+            )}
+          </FastField>
+        </Col>
+
+        <Col md={4}>
+          <Dragzone
+            initialFiles={[]}
+            // onDrop={handleDropFiles}
+            // onDeleteFile={handleDeleteFile}
+            hint={'Attachments: Maxiumum size: 20MB'}
+          />
+        </Col>
+      </Row>
+    </div>
+  );
+}