From 7a384c54be8880547f4d282227f2c7b783d0fbdc Mon Sep 17 00:00:00 2001
From: elforjani3 <elforjani3@gmail.com>
Date: Sat, 12 Jun 2021 19:36:14 +0200
Subject: [PATCH] feat: message lang.

---
 client/src/components/AccountsMultiSelect.js              | 2 +-
 client/src/components/ContactSelecetList.js               | 2 +-
 client/src/components/ContactsMultiSelect.js              | 2 +-
 client/src/components/ItemsListField.js                   | 2 +-
 client/src/components/PaymentReceiveListField.js          | 2 +-
 .../Dialogs/ItemCategoryDialog/ItemCategoryForm.js        | 2 +-
 .../InventoryValuation/InventoryValuationTable.js         | 8 ++++----
 .../PurchasesByItems/PurchasesByItemsTable.js             | 6 +++---
 .../FinancialStatements/SalesByItems/SalesByItemsTable.js | 6 +++---
 client/src/containers/GeneralSearch/Search.js             | 3 ++-
 client/src/containers/Setup/SetupOrganizationForm.js      | 6 +++---
 client/src/lang/en/index.json                             | 5 ++++-
 12 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/client/src/components/AccountsMultiSelect.js b/client/src/components/AccountsMultiSelect.js
index 071211e5f..726bd7f18 100644
--- a/client/src/components/AccountsMultiSelect.js
+++ b/client/src/components/AccountsMultiSelect.js
@@ -56,7 +56,7 @@ export default function AccountsMultiSelect({ accounts, onAccountSelected }) {
   return (
     <MultiSelect
       items={accounts}
-      noResults={<MenuItem disabled={true} text="No results." />}
+      noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
       itemRenderer={accountItem}
       popoverProps={{ minimal: true }}
       filterable={true}
diff --git a/client/src/components/ContactSelecetList.js b/client/src/components/ContactSelecetList.js
index 8dfeb32f6..401de14bf 100644
--- a/client/src/components/ContactSelecetList.js
+++ b/client/src/components/ContactSelecetList.js
@@ -79,7 +79,7 @@ export default function ContactSelecetList({
   return (
     <Select
       items={contacts}
-      noResults={<MenuItem disabled={true} text="No results." />}
+      noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
       itemRenderer={handleContactRenderer}
       itemPredicate={filterContacts}
       filterable={true}
diff --git a/client/src/components/ContactsMultiSelect.js b/client/src/components/ContactsMultiSelect.js
index 9a480f66a..5c8171294 100644
--- a/client/src/components/ContactsMultiSelect.js
+++ b/client/src/components/ContactsMultiSelect.js
@@ -58,7 +58,7 @@ export default function ContactsMultiSelect({
   return (
     <MultiSelect
       items={contacts}
-      noResults={<MenuItem disabled={true} text="No results." />}
+      noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
       itemRenderer={contactRenderer}
       popoverProps={{ minimal: true }}
       filterable={true}
diff --git a/client/src/components/ItemsListField.js b/client/src/components/ItemsListField.js
index 8b23401a4..df92f6d58 100644
--- a/client/src/components/ItemsListField.js
+++ b/client/src/components/ItemsListField.js
@@ -68,7 +68,7 @@ function ItemsListField({
   return (
     <ListSelect
       items={filteredItems}
-      noResults={<MenuItem disabled={true} text="No results." />}
+      noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
       itemRenderer={itemRenderer}
       itemPredicate={filterItem}
       popoverProps={{ minimal: true }}
diff --git a/client/src/components/PaymentReceiveListField.js b/client/src/components/PaymentReceiveListField.js
index 9902758b4..1e7f973ac 100644
--- a/client/src/components/PaymentReceiveListField.js
+++ b/client/src/components/PaymentReceiveListField.js
@@ -23,7 +23,7 @@ function PaymentReceiveListField({
   return (
     <ListSelect
       item={invoices}
-      noResults={<MenuItem disabled={true} text="No results." />}
+      noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
       itemRenderer={handleInvoiceRenderer}
       popoverProps={{ minimal: true }}
       onItemSelect={onInvoiceSelect}
diff --git a/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.js b/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.js
index 7610f67ea..4753ccf2f 100644
--- a/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.js
+++ b/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryForm.js
@@ -9,7 +9,7 @@ import { transformToForm } from 'utils';
 import {
   CreateItemCategoryFormSchema,
   EditItemCategoryFormSchema,
-} from './ItemCategoryForm.schema';
+} from './itemCategoryForm.schema';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import ItemCategoryFormContent from './ItemCategoryFormContent'
diff --git a/client/src/containers/FinancialStatements/InventoryValuation/InventoryValuationTable.js b/client/src/containers/FinancialStatements/InventoryValuation/InventoryValuationTable.js
index 1048eb672..6c86aeace 100644
--- a/client/src/containers/FinancialStatements/InventoryValuation/InventoryValuationTable.js
+++ b/client/src/containers/FinancialStatements/InventoryValuation/InventoryValuationTable.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import intl from 'react-intl-universal';
+import intl, { init } from 'react-intl-universal';
 
 import FinancialSheet from 'components/FinancialSheet';
 import { DataTable } from 'components';
@@ -14,8 +14,6 @@ export default function InventoryValuationTable({
   //#ownProps
   companyName,
 }) {
-  
-
   // inventory valuation context.
   const {
     inventoryValuation: { tableRows },
@@ -56,7 +54,9 @@ export default function InventoryValuationTable({
         expandColumnSpace={1}
         sticky={true}
         rowClassNames={rowClassNames}
-        noResults={'There were no inventory transactions during the selected date range.'}
+        noResults={intl.get(
+          'there_were_no_inventory_transactions_during_the_selected_date_range',
+        )}
       />
     </FinancialSheet>
   );
diff --git a/client/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsTable.js b/client/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsTable.js
index a338b85d2..63f20e766 100644
--- a/client/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsTable.js
+++ b/client/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsTable.js
@@ -12,8 +12,6 @@ import { usePurchasesByItemsTableColumns } from './components';
  * purchases by items data table.
  */
 export default function PurchasesByItemsTable({ companyName }) {
-  
-
   // Purchases by items context.
   const {
     purchaseByItems: { tableRows, query },
@@ -55,7 +53,9 @@ export default function PurchasesByItemsTable({ companyName }) {
         expandColumnSpace={1}
         sticky={true}
         rowClassNames={rowClassNames}
-        noResults={'There were no purchases during the selected date range.'}
+        noResults={intl.get(
+          'there_were_no_purchases_during_the_selected_date_range',
+        )}
       />
     </FinancialSheet>
   );
diff --git a/client/src/containers/FinancialStatements/SalesByItems/SalesByItemsTable.js b/client/src/containers/FinancialStatements/SalesByItems/SalesByItemsTable.js
index 6c98d60a2..4fd996d09 100644
--- a/client/src/containers/FinancialStatements/SalesByItems/SalesByItemsTable.js
+++ b/client/src/containers/FinancialStatements/SalesByItems/SalesByItemsTable.js
@@ -10,8 +10,6 @@ import { useSalesByItemsTableColumns } from './components';
  * Sales by items data table.
  */
 export default function SalesByItemsTable({ companyName }) {
-  
-
   // Sales by items context.
   const {
     salesByItems: { tableRows, query },
@@ -53,7 +51,9 @@ export default function SalesByItemsTable({ companyName }) {
         expandColumnSpace={1}
         sticky={true}
         rowClassNames={rowClassNames}
-        noResults={'There were no sales during the selected date range.'}
+        noResults={intl.get(
+          'there_were_no_sales_during_the_selected_date_range',
+        )}
       />
     </FinancialSheet>
   );
diff --git a/client/src/containers/GeneralSearch/Search.js b/client/src/containers/GeneralSearch/Search.js
index a1d856b70..10c26a463 100644
--- a/client/src/containers/GeneralSearch/Search.js
+++ b/client/src/containers/GeneralSearch/Search.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Omnibar } from '@blueprintjs/select';
 import { MenuItem } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
 import { compose } from 'utils';
 import withSearch from 'containers/GeneralSearch/withSearch';
 
@@ -30,7 +31,7 @@ function Search({
       <Omnibar
         className={'navbar-omnibar'}
         isOpen={globalSearchShow}
-        noResults={<MenuItem disabled={true} text="No results." />}
+        noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
         onClose={() => closeGlobalSearch(false)}
         resetOnSelect={true}
         itemRenderer={renderSearch}
diff --git a/client/src/containers/Setup/SetupOrganizationForm.js b/client/src/containers/Setup/SetupOrganizationForm.js
index 1f96d9cfe..4fa0a6a46 100644
--- a/client/src/containers/Setup/SetupOrganizationForm.js
+++ b/client/src/containers/Setup/SetupOrganizationForm.js
@@ -98,7 +98,7 @@ export default function SetupOrganizationForm({ isSubmitting, values }) {
               >
                 <ListSelect
                   items={currencies}
-                  noResults={<MenuItem disabled={true} text="No results." />}
+                  noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
                   popoverProps={{ minimal: true }}
                   onItemSelect={(item) => {
                     setFieldValue('baseCurrency', item.code);
@@ -133,7 +133,7 @@ export default function SetupOrganizationForm({ isSubmitting, values }) {
               >
                 <ListSelect
                   items={languages}
-                  noResults={<MenuItem disabled={true} text="No results." />}
+                  noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
                   onItemSelect={(item) => {
                     setFieldValue('language', item.value);
                   }}
@@ -165,7 +165,7 @@ export default function SetupOrganizationForm({ isSubmitting, values }) {
           >
             <ListSelect
               items={fiscalYearOptions}
-              noResults={<MenuItem disabled={true} text="No results." />}
+              noResults={<MenuItem disabled={true} text={<T id={'no_results'} />} />}
               selectedItem={value}
               selectedItemProp={'value'}
               textProp={'name'}
diff --git a/client/src/lang/en/index.json b/client/src/lang/en/index.json
index b8bcb1a75..13c8401fa 100644
--- a/client/src/lang/en/index.json
+++ b/client/src/lang/en/index.json
@@ -1102,5 +1102,8 @@
   "mm_dd_yy_": "MM-DD-YY",
   "dd_mm_yy_": "DD-MM-YY",
   "yy_mm_dd_": "YY-MM-DD",
-  "plan_radio_name":"{name}"
+  "plan_radio_name":"{name}",
+  "there_were_no_purchases_during_the_selected_date_range":"There were no purchases during the selected date range.",
+  "there_were_no_sales_during_the_selected_date_range":"There were no sales during the selected date range.",
+  "there_were_no_inventory_transactions_during_the_selected_date_range":"There were no inventory transactions during the selected date range."
 }
\ No newline at end of file