fix: logo style.

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

client/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveForm.js

@@ -165,7 +165,7 @@ function PaymentReceiveForm({
             <PaymentReceiveFormFooter />
             <PaymentReceiveFloatingActions />
 
-            {/* Alerts & Dialogs */}
+            {/* ------- Alerts & Dialogs ------- */}
             <PaymentReceiveFormAlerts />
             <PaymentReceiveFormDialogs />
           </PaymentReceiveInnerProvider>

client/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveFormFooter.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { FormGroup, TextArea } from '@blueprintjs/core';
 import { FormattedMessage as T } from 'react-intl';
 import { FastField } from 'formik';
-import { Row, Col } from 'components';
+import { Row, Col, Postbox } from 'components';
 import { CLASSES } from 'common/classes';
 
 /**
@@ -12,21 +12,23 @@ import { CLASSES } from 'common/classes';
 export default function PaymentReceiveFormFooter({ getFieldProps }) {
   return (
     <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
-      <Row>
-        <Col md={8}>
-          {/* --------- Statement --------- */}
-          <FastField name={'statement'}>
-            {({ form, field, meta: { error, touched } }) => (
-              <FormGroup
-                label={<T id={'statement'} />}
-                className={'form-group--statement'}
-              >
-                <TextArea growVertically={true} {...field} />
-              </FormGroup>
-            )}
-          </FastField>
-        </Col>
-      </Row>
+      <Postbox title={'Payment receive details'} defaultOpen={false}>
+        <Row>
+          <Col md={8}>
+            {/* --------- Statement --------- */}
+            <FastField name={'statement'}>
+              {({ form, field, meta: { error, touched } }) => (
+                <FormGroup
+                  label={<T id={'statement'} />}
+                  className={'form-group--statement'}
+                >
+                  <TextArea growVertically={true} {...field} />
+                </FormGroup>
+              )}
+            </FastField>
+          </Col>
+        </Row>
+      </Postbox>
     </div>
   );
 }

client/src/containers/Sales/PaymentReceives/PaymentReceiveForm/PaymentReceiveItemsTable.js

@@ -45,15 +45,6 @@ function PaymentReceiveItemsTable({
     onUpdateData(newRows);
   }, [entries, onUpdateData]);
 
-  // Handle click clear all lines button.
-  const handleClickClearAllLines = () => {
-    const fullAmount = safeSumBy(entries, 'payment_amount');
-
-    if (fullAmount > 0) {
-      openAlert('clear-all-lines-payment-receive');
-    }
-  };
- 
   return (
     <CloudLoadingIndicator isLoading={isDueInvoicesFetching}>
       <DataTableEditable
@@ -67,16 +58,7 @@ function PaymentReceiveItemsTable({
           updateData: handleUpdateData,
         }}
         noResults={noResultsMessage}
-        actions={
-          <Button
-            small={true}
-            className={'button--secondary button--clear-lines'}
-            onClick={handleClickClearAllLines}
-          >
-            <T id={'clear_all_lines'} />
-          </Button>
-        }
-        totalRow={true}
+        footer={true}
       />
     </CloudLoadingIndicator>
   );

client/src/containers/Sales/PaymentReceives/PaymentReceiveForm/components.js

@@ -88,12 +88,13 @@ export const usePaymentReceiveEntriesColumns = () => {
         disableSortBy: true,
         disableResizing: true,
         width: 250,
+        className: 'date'
       },
       {
         Header: formatMessage({ id: 'invocie_number' }),
         accessor: InvNumberCellAccessor,
         disableSortBy: true,
-        className: '',
+        className: 'invoice_number',
       },
       {
         Header: formatMessage({ id: 'invoice_amount' }),
@@ -102,7 +103,7 @@ export const usePaymentReceiveEntriesColumns = () => {
         Cell: MoneyTableCell,
         disableSortBy: true,
         width: 100,
-        className: '',
+        className: 'invoice_amount',
       },
       {
         Header: formatMessage({ id: 'amount_due' }),
@@ -111,7 +112,7 @@ export const usePaymentReceiveEntriesColumns = () => {
         Cell: MoneyTableCell,
         disableSortBy: true,
         width: 150,
-        className: '',
+        className: 'amount_due',
       },
       {
         Header: formatMessage({ id: 'payment_amount' }),
@@ -120,7 +121,7 @@ export const usePaymentReceiveEntriesColumns = () => {
         Footer: PaymentAmountFooterCell,
         disableSortBy: true,
         width: 150,
-        className: '',
+        className: 'payment_amount',
       },
     ],
     [formatMessage],