feat (lang) : add Contacts & Sales & Purchases.

client/src/containers/Sales/Invoices/InvoicesLanding/InvoicesEmptyStatus.js

@@ -1,37 +1,37 @@
-  import React from 'react';
-  import { Button, Intent } from '@blueprintjs/core';
-  import { useHistory } from 'react-router-dom';
-  import { EmptyStatus } from 'components';
+import React from 'react';
+import { Button, Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+import { EmptyStatus } from 'components';
+import { FormattedMessage as T } from 'react-intl';
 
-  export default function EstimatesEmptyStatus() {
-    const history = useHistory();
+export default function EstimatesEmptyStatus() {
+  const history = useHistory();
 
-    return (
-      <EmptyStatus
-        title={'The organization does not have invoices, yet!'}
-        description={
-          <p>
-            It is a long established fact that a reader will be distracted by the
-            readable content of a page when looking at its layout.
-          </p>
-        }
-        action={
-          <>
-            <Button
-              intent={Intent.PRIMARY}
-              large={true}
-              onClick={() => {
-                history.push('/invoices/new');
-              }}
-            >
-              New sale invoice
-            </Button>
+  return (
+    <EmptyStatus
+      title={<T id={'the_organization_doesn_t_receive_money_yet'} />}
+      description={
+        <p>
+          <T id={'it_is_a_long_established_fact_that_a_reader'} />
+        </p>
+      }
+      action={
+        <>
+          <Button
+            intent={Intent.PRIMARY}
+            large={true}
+            onClick={() => {
+              history.push('/invoices/new');
+            }}
+          >
+            <T id={'new_sale_invoice'} />
+          </Button>
 
-            <Button intent={Intent.NONE} large={true}>
-              Learn more
-            </Button>
-          </>
-        }
-      />
-    );
-  }
+          <Button intent={Intent.NONE} large={true}>
+            <T id={'learn_more'} />
+          </Button>
+        </>
+      }
+    />
+  );
+}

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

@@ -4,6 +4,7 @@ import { useIntl } from 'react-intl';
 import { Money } from 'components';
 import { MoneyFieldCell } from 'components/DataTableCells';
 import { safeSumBy, formattedAmount } from 'utils';
+import { formatMessage } from 'services/intl';
 
 /**
  * Invoice date cell.
@@ -58,14 +59,14 @@ function MoneyTableCell({ row: { original }, value }) {
 }
 
 function DateFooterCell() {
-  return 'Total';
+  return formatMessage({id:'total'})
 }
 
 /**
  * Retrieve payment receive form entries columns.
  */
 export const usePaymentReceiveEntriesColumns = () => {
-  const { formatMessage } = useIntl();
+ 
 
   return React.useMemo(
     () => [

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

@@ -10,7 +10,7 @@ import { inputIntent } from 'utils';
 export default function ReceiptFormFooter({}) {
   return (
     <div className={classNames(CLASSES.PAGE_FORM_FOOTER)}>
-      <Postbox title={'Invoice details'} defaultOpen={false}>
+      <Postbox title={<T id={'receipt_details'}/>} defaultOpen={false}>
         <Row>
           <Col md={8}>
             {/* --------- Receipt message --------- */}
@@ -45,7 +45,8 @@ export default function ReceiptFormFooter({}) {
               initialFiles={[]}
               // onDrop={handleDropFiles}
               // onDeleteFile={handleDeleteFile}
-              hint={'Attachments: Maxiumum size: 20MB'}
+              hint={<T id={'attachments_maximum'} />}
+
             />
           </Col>
         </Row>

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

@@ -7,6 +7,8 @@ import { CLASSES } from 'common/classes';
 import ReceiptFormHeaderFields from './ReceiptFormHeaderFields';
 
 import { PageFormBigNumber } from 'components';
+import { formatMessage } from 'services/intl';
+
 import withSettings from 'containers/Settings/withSettings';
 import { compose } from 'redux';
 
@@ -22,9 +24,10 @@ function ReceiptFormHeader({
   const { values } = useFormikContext();
 
   // Calculate the total due amount of bill entries.
-  const totalDueAmount = useMemo(() => sumBy(values.entries, 'total'), [
-    values.entries,
-  ]);
+  const totalDueAmount = useMemo(
+    () => sumBy(values.entries, 'total'),
+    [values.entries],
+  );
 
   return (
     <div className={classNames(CLASSES.PAGE_FORM_HEADER)}>
@@ -32,7 +35,7 @@ function ReceiptFormHeader({
         onReceiptNumberChanged={onReceiptNumberChanged}
       />
       <PageFormBigNumber
-        label={'Due Amount'}
+        label={formatMessage({ id: 'due_amount' })}
         amount={totalDueAmount}
         currencyCode={baseCurrency}
       />

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

@@ -2,16 +2,17 @@ import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import { EmptyStatus } from 'components';
+import { FormattedMessage as T } from 'react-intl';
 
 export default function ReceiptsEmptyStatus() {
   const history = useHistory();
 
   return (
     <EmptyStatus
-      title={'Manage the organization’s services and products.'}
+      title={<T id={'manage_the_organization_s_services_and_products'} />}
       description={
         <p>
-          Here a list of your organization products and services, to be used when you create invoices or bills to your customers or vendors.
+          <T id={'here_a_list_of_your_organization_products_and_services'} />
         </p>
       }
       action={
@@ -23,11 +24,11 @@ export default function ReceiptsEmptyStatus() {
               history.push('/receipts/new');
             }}
           >
-            New receipt
+            <T id={'new_receipt'} />
           </Button>
 
           <Button intent={Intent.NONE} large={true}>
-            Learn more
+         <T id={'learn_more'}/>
           </Button>
         </>
       }