feat: Pagination component.

client/src/store/manualJournals/manualJournals.actions.js

@@ -2,44 +2,55 @@ import ApiService from 'services/ApiService';
 import t from 'store/types';
 
 export const makeJournalEntries = ({ form }) => {
-  return (dispatch) => new Promise((resolve, reject) => {
-    ApiService.post('accounting/make-journal-entries', form).then((response) => {
-      resolve(response);
-    }).catch((error) => {
-      const { response } = error;
-      const { data } = response;
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.post('accounting/make-journal-entries', form)
+        .then((response) => {
+          resolve(response);
+        })
+        .catch((error) => {
+          const { response } = error;
+          const { data } = response;
 
-      reject(data?.errors);
+          reject(data?.errors);
+        });
     });
-  });
 };
 
 export const fetchManualJournal = ({ id }) => {
-  return (dispatch) => new Promise((resolve, reject) => {
-    ApiService.get(`accounting/manual-journals/${id}`).then((response) => {
-      dispatch({
-        type: t.MANUAL_JOURNAL_SET,
-        payload: {
-          id,
-          manualJournal: response.data.manual_journal,
-        }, 
-      });
-      resolve(response);
-    }).catch((error) => { reject(error); });
-  });
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.get(`accounting/manual-journals/${id}`)
+        .then((response) => {
+          dispatch({
+            type: t.MANUAL_JOURNAL_SET,
+            payload: {
+              id,
+              manualJournal: response.data.manual_journal,
+            },
+          });
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error);
+        });
+    });
 };
 
 export const editManualJournal = ({ form, id }) => {
-  return (dispatch) => new Promise((resolve, reject) => {
-    ApiService.post(`accounting/manual-journals/${id}`, form).then((response) => {
-      resolve(response);
-    }).catch((error) => {
-      const { response } = error;
-      const { data } = response;
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.post(`accounting/manual-journals/${id}`, form)
+        .then((response) => {
+          resolve(response);
+        })
+        .catch((error) => {
+          const { response } = error;
+          const { data } = response;
 
-      reject(data?.errors);
+          reject(data?.errors);
+        });
     });
-  });
 };
 
 export const deleteManualJournal = ({ id }) => {
@@ -53,24 +64,27 @@ export const deleteManualJournal = ({ id }) => {
           });
           resolve(response);
         })
-        .catch((error) => { reject(error); });
+        .catch((error) => {
+          reject(error);
+        });
     });
 };
 
-
 export const deleteBulkManualJournals = ({ ids }) => {
-  return (dispatch) => new Promise((resolve, reject) => {
-    ApiService.delete('accounting/manual-journals', { params: { ids } })
-      .then((response) => {
-        dispatch({
-          type: t.MANUAL_JOURNALS_BULK_DELETE,
-          payload: { ids },
+  return (dispatch) =>
+    new Promise((resolve, reject) => {
+      ApiService.delete('accounting/manual-journals', { params: { ids } })
+        .then((response) => {
+          dispatch({
+            type: t.MANUAL_JOURNALS_BULK_DELETE,
+            payload: { ids },
+          });
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error.response.data.errors || []);
         });
-        resolve(response);
-      }).catch((error) => {
-        reject(error.response.data.errors || []);
-      });
-  });
+    });
 };
 
 export const publishManualJournal = ({ id }) => {
@@ -84,40 +98,44 @@ export const publishManualJournal = ({ id }) => {
           });
           resolve(response);
         })
-        .catch((error) => { reject(error); });
+        .catch((error) => {
+          reject(error);
+        });
     });
-}
+};
 
 export const fetchManualJournalsTable = ({ query } = {}) => {
   return (dispatch, getState) =>
     new Promise((resolve, reject) => {
-      const pageQuery = getState().manualJournals.tableQuery;
-      dispatch({
-        type: t.SET_DASHBOARD_REQUEST_LOADING,
-      });
       dispatch({
         type: t.MANUAL_JOURNALS_TABLE_LOADING,
         loading: true,
       });
       ApiService.get('accounting/manual-journals', {
-        params: { ...pageQuery, ...query },
+        params: { ...query },
       })
         .then((response) => {
           dispatch({
             type: t.MANUAL_JOURNALS_PAGE_SET,
-            manual_journals: response.data.manualJournals.results,
-            customViewId: response.data.customViewId ||  -1,
+            payload: {
+              manualJournals: response.data.manualJournals.results,
+              customViewId: response.data.customViewId || -1,
+              pagination: response.data.manualJournals.pagination,
+            }
           });
           dispatch({
             type: t.MANUAL_JOURNALS_ITEMS_SET,
             manual_journals: response.data.manualJournals.results,
           });
           dispatch({
-            type: t.MANUAL_JOURNALS_TABLE_LOADING,
-            loading: false,
+            type: 'MANUAL_JOURNALS_PAGINATION_SET',
+            payload: {
+              pagination: response.data.manualJournals.pagination,
+            },
           });
           dispatch({
-            type: t.SET_DASHBOARD_REQUEST_COMPLETED,
+            type: t.MANUAL_JOURNALS_TABLE_LOADING,
+            loading: false,
           });
           resolve(response);
         })