feat: payment receive of customers invoices.

client/src/containers/Sales/Invoice/withInvoiceActions.js

@@ -5,7 +5,7 @@ import {
   deleteInvoice,
   fetchInvoice,
   fetchInvoicesTable,
-  dueInvoices,
+  fetchDueInvoices,
 } from 'store/Invoice/invoices.actions';
 import t from 'store/types';
 
@@ -16,7 +16,7 @@ const mapDipatchToProps = (dispatch) => ({
   requestFetchInvoiceTable: (query = {}) =>
     dispatch(fetchInvoicesTable({ query: { ...query } })),
   requestDeleteInvoice: (id) => dispatch(deleteInvoice({ id })),
-  requestFetchDueInvoices: (id) => dispatch(dueInvoices({ id })),
+  requestFetchDueInvoices: (customerId) => dispatch(fetchDueInvoices({ customerId })),
   changeInvoiceView: (id) =>
     dispatch({
       type: t.INVOICES_SET_CURRENT_VIEW,

client/src/containers/Sales/Invoice/withInvoices.js

@@ -4,8 +4,9 @@ import {
   getInvoiceCurrentPageFactory,
   getInvoicePaginationMetaFactory,
   getInvoiceTableQueryFactory,
-  getInvoiceTableQuery,
-  getdueInvoices,
+  getCustomerReceivableInvoicesFactory,
+  getPaymentReceivableInvoicesFactory,
+  getPaymentReceiveReceivableInvoicesFactory
 } from 'store/Invoice/invoices.selector';
 
 export default (mapState) => {
@@ -14,6 +15,11 @@ export default (mapState) => {
   const getInvoicesPaginationMeta = getInvoicePaginationMetaFactory();
   const getInvoiceTableQuery = getInvoiceTableQueryFactory();
 
+  // const getPaymentReceivableInvoices = getPaymentReceivableInvoicesFactory();
+  // const getCustomerReceivableInvoices = getCustomerReceivableInvoicesFactory();
+  
+  const getPaymentReceiveReceivableInvoices = getPaymentReceiveReceivableInvoicesFactory();
+
   const mapStateToProps = (state, props) => {
     const query = getInvoiceTableQuery(state, props);
 
@@ -24,7 +30,8 @@ export default (mapState) => {
       invoicesTableQuery: query,
       invoicesPageination: getInvoicesPaginationMeta(state, props, query),
       invoicesLoading: state.salesInvoices.loading,
-      dueInvoices: getdueInvoices(state, props),
+
+      paymentReceiveReceivableInvoices: getPaymentReceiveReceivableInvoices(state, props),
     };
     return mapState ? mapState(mapped, state, props) : mapped;
   };