- re added tables with pagination;

src/pages/SoccorsoIstruttorioMioInstructorManager/components/SoccorsiInstructorManagerMioTableAsync/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { __ } from '@wordpress/i18n';
-import { is, isEmpty, pathOr } from 'ramda';
+import { is } from 'ramda';
 import { Link } from 'react-router-dom';
 
 import translationStrings from '../../../../translationStringsForComponents';
@@ -21,6 +21,7 @@ import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import { Calendar } from 'primereact/calendar';
+import getQueryParamsForPaginatedEndpoint from '../../../../helpers/getQueryParamsForPaginatedEndpoint';
 
 const SoccorsiInstructorManagerMioTableAsync = ({ userId = null }) => {
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
@@ -43,34 +44,7 @@ const SoccorsiInstructorManagerMioTableAsync = ({ userId = null }) => {
     });
     const statuses = [];
 
-    const getPaginationQuery = useCallback(() => {
-        let sortBy = {
-            columnName: 'applicationId',
-            sortDesc: true
-        };
-
-        if (lazyState.sortField) {
-            sortBy = {
-                columnName: lazyState.sortField,
-                sortDesc: lazyState.sortOrder === -1
-            }
-        }
-        return {
-            globalFilters: {
-                page: lazyState.page ? lazyState.page + 1 : 1,
-                limit: lazyState.rows,
-                sortBy
-            },
-            status: statuses,
-            filters: Object.keys(lazyState.filters).reduce((acc, cur) => {
-                const value = pathOr('', ['filters', cur, 'value'], lazyState);
-                if (!isEmpty(value)) {
-                    acc[cur] = lazyState.filters[cur];
-                }
-                return acc;
-            }, {}),
-        }
-    }, [lazyState]);
+    const getPaginationQuery = useCallback(() => getQueryParamsForPaginatedEndpoint(lazyState, statuses, 'applicationId'), [lazyState]);
 
     const onPage = (event) => {
         setLazyState(event);

src/pages/SoccorsoIstruttorioMioInstructorManager/index.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { __ } from '@wordpress/i18n';
 
+// store
+import { useStore } from '../../store';
+
 // components
-//import SoccorsiInstructorManagerMioTableAsync from './components/SoccorsiInstructorManagerMioTableAsync';
-//import { useStore } from '../../store';
-import InstructorManagerSoccorsiTable from './components/InstructorManagerSoccorsiTable';
+import SoccorsiInstructorManagerMioTableAsync from './components/SoccorsiInstructorManagerMioTableAsync';
 
 const SoccorsoIstruttorioMioInstructorManager = () => {
-    //const userData = useStore().main.userData();
+    const userData = useStore().main.userData();
 
     return(
         <div className="appPage">
@@ -18,8 +19,7 @@ const SoccorsoIstruttorioMioInstructorManager = () => {
             <div className="appPage__spacer"></div>
 
             <div className="appPageSection">
-                {/*<SoccorsiInstructorManagerMioTableAsync userId={userData.id}/>*/}
-                <InstructorManagerSoccorsiTable/>
+                <SoccorsiInstructorManagerMioTableAsync userId={userData.id}/>
             </div>
         </div>
     )