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

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);