feat: Pagination component.

client/src/containers/Accounting/withManualJournals.js

@@ -1,20 +1,41 @@
 import { connect } from 'react-redux';
+import { pick, mapValues } from 'lodash';
 import { getResourceViews } from 'store/customViews/customViews.selectors';
-import {
-  getManualJournalsItems,
-} from 'store/manualJournals/manualJournals.selectors'
+import { getManualJournalsItems } from 'store/manualJournals/manualJournals.selectors';
+
+const queryParamsKeys = ['page_size', 'page'];
 
 export default (mapState) => {
   const mapStateToProps = (state, props) => {
+    const queryParams = props.location
+      ? new URLSearchParams(props.location.search)
+      : null;
+
+    const manualJournalsTableQuery = {
+      ...state.manualJournals.tableQuery,
+      ...(queryParams
+        ? mapValues(
+            pick(Object.fromEntries(queryParams), queryParamsKeys),
+            (v) => parseInt(v, 10),
+          )
+        : {}),
+    };
+
     const mapped = {
-      manualJournals: getManualJournalsItems(state, state.manualJournals.currentViewId),
+      manualJournalsCurrentPage: getManualJournalsItems(
+        state,
+        state.manualJournals.currentViewId,
+        manualJournalsTableQuery.page,
+      ),
+      manualJournalsTableQuery,
       manualJournalsViews: getResourceViews(state, 'manual_journals'),
       manualJournalsItems: state.manualJournals.items,
-      manualJournalsTableQuery: state.manualJournals.tableQuery,
+
+      manualJournalsPagination: state.manualJournals.paginationMeta,
       manualJournalsLoading: state.manualJournals.loading,
     };
     return mapState ? mapState(mapped, state, props) : mapped;
   };
-  
+
   return connect(mapStateToProps);
 };