BiG-5: Complete, add switch small and medium table row size.

src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.js

@@ -73,7 +73,7 @@ function EstimateActionsBar({
 
   // Handle table row size change.
   const handleTableRowSizeChange = (size) => {
-    addSetting('estimate', 'tableSize', size);
+    addSetting('salesEstimates', 'tableSize', size);
   };
 
   return (

src/containers/Sales/Estimates/EstimatesLanding/EstimatesDataTable.js

@@ -10,6 +10,7 @@ import withEstimatesActions from './withEstimatesActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 import withDialogActions from 'containers/Dialog/withDialogActions';
+import withSettings from '../../../Settings/withSettings';
 
 import { useEstimatesListContext } from './EstimatesListProvider';
 import { useMemorizedColumnsWidths } from 'hooks';
@@ -33,6 +34,9 @@ function EstimatesDataTable({
 
   // #withDialogAction
   openDialog,
+
+  // #withSettings
+  estimatesTableSize,
 }) {
   const history = useHistory();
 
@@ -135,6 +139,7 @@ function EstimatesDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={estimatesTableSize}
         payload={{
           onApprove: handleApproveEstimate,
           onEdit: handleEditEstimate,
@@ -155,4 +160,7 @@ export default compose(
   withAlertsActions,
   withDrawerActions,
   withDialogActions,
+  withSettings(({ estimatesSettings }) => ({
+    estimatesTableSize: estimatesSettings?.tableSize,
+  })),
 )(EstimatesDataTable);

src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.js

@@ -71,7 +71,7 @@ function InvoiceActionsBar({
 
   // Handle table row size change.
   const handleTableRowSizeChange = (size) => {
-    addSetting('invoice', 'tableSize', size);
+    addSetting('salesInvoices', 'tableSize', size);
   };
 
   return (

src/containers/Sales/Invoices/InvoicesLanding/InvoicesDataTable.js

@@ -16,6 +16,7 @@ import withInvoiceActions from './withInvoiceActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 import withDialogActions from 'containers/Dialog/withDialogActions';
+import withSettings from '../../../Settings/withSettings';
 
 import { useInvoicesTableColumns, ActionsMenu } from './components';
 import { useInvoicesListContext } from './InvoicesListProvider';
@@ -40,6 +41,9 @@ function InvoicesDataTable({
 
   // #withDialogAction
   openDialog,
+
+  // #withSettings
+  invoicesTableSize,
 }) {
   const history = useHistory();
 
@@ -135,6 +139,7 @@ function InvoicesDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={invoicesTableSize}
         payload={{
           onDelete: handleDeleteInvoice,
           onDeliver: handleDeliverInvoice,
@@ -155,4 +160,7 @@ export default compose(
   withDrawerActions,
   withDialogActions,
   withInvoices(({ invoicesTableState }) => ({ invoicesTableState })),
+  withSettings(({ invoiceSettings }) => ({
+    invoicesTableSize: invoiceSettings?.tableSize,
+  })),
 )(InvoicesDataTable);

src/containers/Sales/Invoices/InvoicesLanding/components.js

@@ -55,6 +55,7 @@ export const statusAccessor = (row) => {
               })}
             </span>
             <ProgressBar
+          
               animate={false}
               stripes={false}
               intent={Intent.PRIMARY}

src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js

@@ -73,7 +73,7 @@ function PaymentReceiveActionsBar({
 
   // Handle table row size change.
   const handleTableRowSizeChange = (size) => {
-    addSetting('payment_receive', 'tableSize', size);
+    addSetting('paymentReceives', 'tableSize', size);
   };
 
   return (

src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceivesTable.js

@@ -13,6 +13,7 @@ import withPaymentReceives from './withPaymentReceives';
 import withPaymentReceivesActions from './withPaymentReceivesActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import withSettings from '../../../Settings/withSettings';
 
 import { usePaymentReceivesColumns, ActionsMenu } from './components';
 import { usePaymentReceivesListContext } from './PaymentReceiptsListProvider';
@@ -33,6 +34,9 @@ function PaymentReceivesDataTable({
 
   // #withDrawerActions
   openDrawer,
+
+  // #withSettings
+  paymentReceivesTableSize,
 }) {
   const history = useHistory();
 
@@ -115,6 +119,7 @@ function PaymentReceivesDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={paymentReceivesTableSize}
         payload={{
           onDelete: handleDeletePaymentReceive,
           onEdit: handleEditPaymentReceive,
@@ -132,4 +137,7 @@ export default compose(
   withPaymentReceives(({ paymentReceivesTableState }) => ({
     paymentReceivesTableState,
   })),
+  withSettings(({ paymentReceiveSettings }) => ({
+    paymentReceivesTableSize: paymentReceiveSettings?.tableSize,
+  })),
 )(PaymentReceivesDataTable);

src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.js

@@ -72,7 +72,7 @@ function ReceiptActionsBar({
 
   // Handle table row size change.
   const handleTableRowSizeChange = (size) => {
-    addSetting('receipt', 'tableSize', size);
+    addSetting('salesReceipts', 'tableSize', size);
   };
 
   return (

src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsTable.js

@@ -14,6 +14,7 @@ import withDrawerActions from 'containers/Drawer/withDrawerActions';
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import withReceipts from './withReceipts';
 import withReceiptsActions from './withReceiptsActions';
+import withSettings from '../../../Settings/withSettings';
 
 import { useReceiptsListContext } from './ReceiptsListProvider';
 import { useReceiptsTableColumns, ActionsMenu } from './components';
@@ -37,6 +38,9 @@ function ReceiptsDataTable({
 
   // #withDialogAction
   openDialog,
+
+  // #withSettings
+  receiptsTableSize,
 }) {
   const history = useHistory();
 
@@ -125,6 +129,7 @@ function ReceiptsDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={receiptsTableSize}
         payload={{
           onEdit: handleEditReceipt,
           onDelete: handleDeleteReceipt,
@@ -145,4 +150,7 @@ export default compose(
   withReceipts(({ receiptTableState }) => ({
     receiptTableState,
   })),
+  withSettings(({ receiptSettings }) => ({
+    receiptsTableSize: receiptSettings?.tableSize,
+  })),
 )(ReceiptsDataTable);