feat: add warehouse transfer & expenses & journal.

src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.js

@@ -1,42 +1,25 @@
 import React from 'react';
 import classNames from 'classnames';
-import { FormGroup, TextArea } from '@blueprintjs/core';
-import { FormattedMessage as T } from 'components';
-import { FastField, ErrorMessage } from 'formik';
-import { Row, Col, Postbox } from 'components';
+import styled from 'styled-components';
+
 import { CLASSES } from 'common/classes';
-import { inputIntent } from 'utils';
+import { Paper, Row, Col } from 'components';
+import { WarehouseTransferFormFooterLeft } from './WarehouseTransferFormFooterLeft';
 
 export default function WarehouseTransferFormFooter() {
   return (
     <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
-      <Postbox
-        title={<T id={'warehouse_transfer.label.warehouse_transfer_detail'} />}
-        defaultOpen={false}
-      >
+      <WarehousesTransferFooterPaper>
         <Row>
           <Col md={8}>
-            {/*------------ reason -----------*/}
-            <FastField name={'reason'}>
-              {({ field, meta: { error, touched } }) => (
-                <FormGroup
-                  label={<T id={'reason'} />}
-                  className={'form-group--reason'}
-                  intent={inputIntent({ error, touched })}
-                  helperText={<ErrorMessage name={'reason'} />}
-                >
-                  <TextArea
-                    growVertically={true}
-                    large={true}
-                    intent={inputIntent({ error, touched })}
-                    {...field}
-                  />
-                </FormGroup>
-              )}
-            </FastField>
+            <WarehouseTransferFormFooterLeft />
           </Col>
         </Row>
-      </Postbox>
+      </WarehousesTransferFooterPaper>
     </div>
   );
 }
+
+const WarehousesTransferFooterPaper = styled(Paper)`
+  padding: 20px;
+`;

src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooterLeft.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import styled from 'styled-components';
+import { FFormGroup, FEditableText, FormattedMessage as T } from 'components';
+
+export function WarehouseTransferFormFooterLeft() {
+  return (
+    <React.Fragment>
+      {/* --------- Terms and conditions --------- */}
+      <TermsConditsFormGroup label={<T id={'reason'} />} name={'reason'}>
+        <FEditableText
+          name={'reason'}
+          placeholder={
+            'Enter the terms and conditions of your business to be displayed in your transaction'
+          }
+        />
+      </TermsConditsFormGroup>
+    </React.Fragment>
+  );
+}
+
+const TermsConditsFormGroup = styled(FFormGroup)`
+  &.bp3-form-group {
+    .bp3-label {
+      font-size: 12px;
+      margin-bottom: 12px;
+    }
+    .bp3-form-content {
+      margin-left: 10px;
+    }
+  }
+`;