fix: logo style.

fix: page forms style.
feat: auto-fill items entries from item details.
fix: hiding dashboard copyright bar.

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.js

@@ -10,11 +10,9 @@ import { CLASSES } from 'common/classes';
 import { ERROR } from 'common/errors';
 import {
   EditReceiptFormSchema,
-  CreateReceiptFormSchema,
+  CreateReceiptFormSchema,   
 } from './ReceiptForm.schema';
 
-import 'style/pages/SaleReceipt/PageForm.scss';
-
 import { useReceiptFormContext } from './ReceiptFormProvider';
 
 import ReceiptFromHeader from './ReceiptFormHeader';

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFooter.js

@@ -3,51 +3,53 @@ import { FormGroup, TextArea } from '@blueprintjs/core';
 import { FastField } from 'formik';
 import classNames from 'classnames';
 import { FormattedMessage as T } from 'react-intl';
-import { Dragzone, Row, Col } from 'components';
+import { Dragzone, Postbox, Row, Col } from 'components';
 import { CLASSES } from 'common/classes';
 import { inputIntent } from 'utils';
 
 export default function ReceiptFormFooter({}) {
   return (
     <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
-      <Row>
-        <Col md={8}>
-          {/* --------- Receipt message --------- */}
-          <FastField name={'receipt_message'}>
-            {({ field, meta: { error, touched } }) => (
-              <FormGroup
-                label={<T id={'receipt_message'} />}
-                className={'form-group--receipt_message'}
-                intent={inputIntent({ error, touched })}
-              >
-                <TextArea growVertically={true} {...field} />
-              </FormGroup>
-            )}
-          </FastField>
+      <Postbox title={'Invoice details'} defaultOpen={false}>
+        <Row>
+          <Col md={8}>
+            {/* --------- Receipt message --------- */}
+            <FastField name={'receipt_message'}>
+              {({ field, meta: { error, touched } }) => (
+                <FormGroup
+                  label={<T id={'receipt_message'} />}
+                  className={'form-group--receipt_message'}
+                  intent={inputIntent({ error, touched })}
+                >
+                  <TextArea growVertically={true} {...field} />
+                </FormGroup>
+              )}
+            </FastField>
 
-          {/* --------- Statement--------- */}
-          <FastField name={'statement'}>
-            {({ field, meta: { error, touched } }) => (
-              <FormGroup
-                label={<T id={'statement'} />}
-                className={'form-group--statement'}
-                intent={inputIntent({ error, touched })}
-              >
-                <TextArea growVertically={true} {...field} />
-              </FormGroup>
-            )}
-          </FastField>
-        </Col>
+            {/* --------- Statement--------- */}
+            <FastField name={'statement'}>
+              {({ field, meta: { error, touched } }) => (
+                <FormGroup
+                  label={<T id={'statement'} />}
+                  className={'form-group--statement'}
+                  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>
+          <Col md={4}>
+            <Dragzone
+              initialFiles={[]}
+              // onDrop={handleDropFiles}
+              // onDeleteFile={handleDeleteFile}
+              hint={'Attachments: Maxiumum size: 20MB'}
+            />
+          </Col>
+        </Row>
+      </Postbox>
     </div>
   );
 }

client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormPage.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 
+import 'style/pages/SaleReceipt/PageForm.scss';
+
 import ReceiptFrom from './ReceiptForm';
 import { ReceiptFormProvider } from './ReceiptFormProvider';
 

client/src/containers/Sales/Receipts/ReceiptForm/utils.js

@@ -7,7 +7,7 @@ export const defaultReceiptEntry = {
   index: 0,
   item_id: '',
   rate: '',
-  discount: 0,
+  discount: '',
   quantity: '',
   description: '',
 };

client/src/containers/Sales/Receipts/ReceiptsLanding/components.js

@@ -15,7 +15,7 @@ import { Choose, Money, Icon, If } from 'components';
 import moment from 'moment';
 
 export function ActionsMenu({
-  payload: { onEdit, onDelete, onClose ,onDrawer },
+  payload: { onEdit, onDelete, onClose, onDrawer },
   row: { original: receipt },
 }) {
   const { formatMessage } = useIntl();
@@ -39,9 +39,10 @@ export function ActionsMenu({
         />
       </If>
       <MenuItem
-          text={formatMessage({ id: 'receipt_paper' })}
-          onClick={() => onDrawer()}
-        />
+        icon={<Icon icon={'receipt-24'} iconSize={16} />}
+        text={formatMessage({ id: 'receipt_paper' })}
+        onClick={() => onDrawer()}
+      />
       <MenuItem
         text={formatMessage({ id: 'delete_receipt' })}
         intent={Intent.DANGER}