From 5d740c1069f15b735fe461f39835fbb8c291439b Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Wed, 15 Jan 2025 11:50:35 +0100
Subject: [PATCH] - added pagination for notifications (non beneficiary);

---
 .../NotificationItemChosen/index.js           |   5 +-
 src/components/NotificationsSidebar/index.js  | 177 +++++++++++++-----
 src/components/PaginatorBasic/index.js        |  59 ++++++
 .../components/AppSidebar/index.js            |  22 +--
 .../Bandi/components/AllBandiTable/index.js   |   2 +-
 .../components/AllBandiAccordion/index.js     |   2 +-
 .../AllBandiPreferredAccordion/index.js       |   2 +-
 .../DraftApplicationsTable/index.js           |   2 +-
 .../components/LatestBandiTable/index.js      |  33 +++-
 .../LatestUsersActivityTable/index.js         |   2 +-
 .../components/LatestBandiTable/index.js      |   2 +-
 .../MyLatestSubmissionsTable/index.js         |   2 +-
 .../PreInstructorDomandeTable/index.js        |   2 +-
 .../components/AllDomandeTable/index.js       |   2 +-
 .../AllDomandeArchiveTable/index.js           |   5 +-
 .../BeneficiarioDomandeTable/index.js         |   2 +-
 .../PreInstructorSoccorsiTable/index.js       |   2 +-
 .../Users/components/AllUsersTable/index.js   |   2 +-
 src/service/bando-service.js                  |   4 +
 src/service/notification-service.js           |   8 +
 20 files changed, 259 insertions(+), 78 deletions(-)
 create mode 100644 src/components/PaginatorBasic/index.js

diff --git a/src/components/NotificationsSidebar/components/NotificationItemChosen/index.js b/src/components/NotificationsSidebar/components/NotificationItemChosen/index.js
index 4588de6..24ecc1e 100644
--- a/src/components/NotificationsSidebar/components/NotificationItemChosen/index.js
+++ b/src/components/NotificationsSidebar/components/NotificationItemChosen/index.js
@@ -17,12 +17,13 @@ const NotificationItemChosen = ({ item, closeFn, markReadFn }) => {
             <span>{getDateFromISOstring(item.createdDate)}</span>
             {item.message}
 
-            <Button
+            {item.status === 'UNREAD'
+                ? <Button
                 style={{marginTop: '20px'}}
                 type="button"
                 outlined
                 onClick={() => markReadFn(item.id)}
-                label={__('Letto', 'gepafin')}/>
+                label={__('Letto', 'gepafin')}/> : null}
         </div>
     )
 }
diff --git a/src/components/NotificationsSidebar/index.js b/src/components/NotificationsSidebar/index.js
index f44a5e5..91555de 100644
--- a/src/components/NotificationsSidebar/index.js
+++ b/src/components/NotificationsSidebar/index.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { head, isEmpty, pathOr } from 'ramda';
 import SockJS from 'sockjs-client';
@@ -19,6 +19,7 @@ import { Sidebar } from 'primereact/sidebar';
 import { TabPanel, TabView } from 'primereact/tabview';
 import NotificationItem from './components/NotificationItem';
 import NotificationItemChosen from './components/NotificationItemChosen';
+import PaginatorBasic from '../PaginatorBasic';
 
 const socketUrl = process.env.REACT_APP_API_ADDRESS_WS;
 
@@ -35,22 +36,22 @@ const NotificationsSidebar = () => {
     const stomp = useRef(null);
     const [currentSubscription, setCurrentSubscription] = useState(null);
     const [isConnected, setIsConnected] = useState(false);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [totalRecordsNum, setTotalRecordsNum] = useState(0);
+    const [totalPagesNum, setTotalPagesNum] = useState(0);
+    const perPage = 10;
 
     // Handle tab change
     const handleTabChange = (e) => {
-        setActiveIndex(e.index);
-        fetchTabData(e.index);
-    };
-
-    const fetchTabData = (index) => {
-        setChosenMsg({});
-
-        if (0 === index) {
-            fetchMessages();
-        } else {
-            fetchMessages('READ');
+        if (e.index === activeIndex) {
+            return
         }
-    }
+        setTotalRecordsNum(0);
+        setTotalPagesNum(0);
+        setChosenMsg({});
+        setActiveIndex(e.index);
+        setCurrentPage(1);
+    };
 
     const chooseNotification = (id) => {
         const properItems = activeIndex === 0 ? notifications : notificationsRead;
@@ -64,10 +65,27 @@ const NotificationsSidebar = () => {
         setChosenMsg({});
     }
 
-    const fetchMessages = (status = 'UNREAD') => {
+    const getPaginationQuery = (status = 'UNREAD', curPage = 1) => {
+        return {
+            'globalFilters': {
+                'page': curPage,
+                'limit': perPage,
+                'sortBy': {
+                    'columnName': 'id',
+                    'sortDesc': true
+                }
+            },
+            'status': [
+                status
+            ]
+        }
+    }
+
+    const fetchMessages = useCallback((status = 'UNREAD') => {
         const chosenCompanyId = storeGet.main.chosenCompanyId();
         const userData = storeGet.main.userData();
         const role = pathOr('', ['role', 'roleType'], userData);
+        const bodyParams = getPaginationQuery(status, currentPage);
 
         if (currentSubscription) {
             //console.log('UNsubscribed')
@@ -77,37 +95,72 @@ const NotificationsSidebar = () => {
 
         if (userData.id && chosenCompanyId !== 0 && role === 'ROLE_BENEFICIARY') {
             setLoading(true);
-            NotificationService.getNotifications(
-                userData.id,
-                status === 'UNREAD' ? getNotifications : getNotificationsRead,
-                errGetNotifications,
-                [
-                    ['status', status],
-                    ['companyId', chosenCompanyId]
-                ]
-            );
-            if (isConnected && socket.current) {
-                subscribeTo(`/topic/notifications_user_${userData.id}_company_${chosenCompanyId}`)
-            }
-        } else if (userData.id && role !== 'ROLE_BENEFICIARY') {
-            setLoading(true);
-            NotificationService.getNotifications(
+            NotificationService.getNotificationsByCompanyId(
                 userData.id,
+                chosenCompanyId,
                 status === 'UNREAD' ? getNotifications : getNotificationsRead,
                 errGetNotifications,
                 [
                     ['status', status]
                 ]
             );
+            if (isConnected && socket.current) {
+                subscribeTo(`/topic/notifications_user_${userData.id}_company_${chosenCompanyId}`)
+            }
+        } else if (userData.id && role !== 'ROLE_BENEFICIARY') {
+            setLoading(true);
+            /*NotificationService.getNotifications(
+                userData.id,
+                status === 'UNREAD' ? getNotifications : getNotificationsRead,
+                errGetNotifications,
+                [
+                    ['status', status]
+                ]
+            );*/
+            NotificationService.getNotificationsPagination(
+                userData.id,
+                bodyParams,
+                status === 'UNREAD' ? getNotificationsPagi : getNotificationsReadPagi,
+                errGetNotifications
+            );
             if (isConnected && socket.current) {
                 subscribeTo(`/topic/notifications_user_${userData.id}`)
             }
         }
+    }, [currentPage]);
+
+    const getNotificationsPagi = (resp) => {
+        if (resp.status === 'SUCCESS') {
+            const { body, totalRecords, currentPage, totalPages } = resp.data;
+            setNotifications(body);
+            setTotalRecordsNum(totalRecords);
+            setTotalPagesNum(totalPages);
+            if (currentPage > totalPages) {
+                setCurrentPage(totalPages);
+            }
+        }
+        set404FromErrorResponse(resp);
+        setLoading(false);
+    }
+
+    const getNotificationsReadPagi = (resp) => {
+        if (resp.status === 'SUCCESS') {
+            const { body, totalRecords, currentPage, totalPages } = resp.data;
+            setNotificationsRead(body);
+            setTotalRecordsNum(totalRecords);
+            setTotalPagesNum(totalPages);
+            if (currentPage > totalPages) {
+                setCurrentPage(totalPages);
+            }
+        }
+        set404FromErrorResponse(resp);
+        setLoading(false);
     }
 
     const getNotifications = (resp) => {
         if (resp.status === 'SUCCESS') {
             setNotifications(resp.data);
+            setTotalRecordsNum(resp.data.length);
         }
         set404FromErrorResponse(resp);
         setLoading(false);
@@ -116,6 +169,7 @@ const NotificationsSidebar = () => {
     const getNotificationsRead = (resp) => {
         if (resp.status === 'SUCCESS') {
             setNotificationsRead(resp.data);
+            setTotalRecordsNum(resp.data.length);
         }
         set404FromErrorResponse(resp);
         setLoading(false);
@@ -139,6 +193,7 @@ const NotificationsSidebar = () => {
                 const msgs = notificationsRead.map(o => o.id === resp.data.id ? resp.data : o);
                 setNotificationsRead(msgs);
             }
+            setTotalRecordsNum(totalRecordsNum - 1);
         }
         set404FromErrorResponse(resp);
     }
@@ -152,7 +207,7 @@ const NotificationsSidebar = () => {
         stomp.current = Stomp.over(socket.current);
 
         stomp.current.configure({
-            debug: function(str) {
+            debug: function (str) {
                 //console.log(str);
             },
             reconnectDelay: 5000,
@@ -190,10 +245,22 @@ const NotificationsSidebar = () => {
         setCurrentSubscription(subscription);
     }
 
+    const onPageChange = (num) => {
+        setCurrentPage(num);
+    };
+
     useEffect(() => {
         fetchMessages();
     }, [chosenCompanyId, userData.id, isConnected]);
 
+    useEffect(() => {
+        if (0 === activeIndex) {
+            fetchMessages();
+        } else {
+            fetchMessages('READ');
+        }
+    }, [currentPage, activeIndex]);
+
     useEffect(() => {
         connectWebSocket();
 
@@ -215,7 +282,7 @@ const NotificationsSidebar = () => {
         <>
             <i className="pi pi-bell p-overlay-badge topBar__icon notificationsIcon"
                onClick={() => setNotificationsVisible(true)}>
-                <Badge value={notifications.filter(o => o.status === 'UNREAD').length}></Badge>
+                <Badge value={totalRecordsNum}></Badge>
             </i>
             <Sidebar
                 className="notificationsSidebar"
@@ -234,12 +301,19 @@ const NotificationsSidebar = () => {
                                     closeFn={closeChosenMsg}
                                     markReadFn={makeNotificationRead}/>
                                 : (notifications.length > 0
-                                    ? <ul className="notificationsSidebar__list">
-                                        {notifications.map(o => <NotificationItem
-                                            key={o.id}
-                                            item={o}
-                                            clickFn={chooseNotification}/>)}
-                                    </ul>
+                                    ? <>
+                                        <ul className="notificationsSidebar__list">
+                                            {notifications.map(o => <NotificationItem
+                                                key={o.id}
+                                                item={o}
+                                                clickFn={chooseNotification}/>)}
+                                        </ul>
+                                        <PaginatorBasic
+                                            totalPages={totalPagesNum}
+                                            currentPage={currentPage}
+                                            clickFn={onPageChange}
+                                        />
+                                    </>
                                     : <div className="notificationsSidebar__loading">
                                         <i className="pi pi-megaphone" style={{ fontSize: '2rem' }}></i>
                                         {__('Vuoto', 'gepafin')}
@@ -256,17 +330,24 @@ const NotificationsSidebar = () => {
                                     closeFn={closeChosenMsg}
                                     markReadFn={makeNotificationRead}/>
                                 : (notificationsRead.length > 0
-                                ? <ul className="notificationsSidebar__list">
-                                    {notificationsRead.map(o => <NotificationItem
-                                        key={o.id}
-                                        item={o}
-                                        clickFn={chooseNotification}/>)}
-                                </ul>
-                                :
-                                <div className="notificationsSidebar__loading">
-                                    <i className="pi pi-megaphone" style={{ fontSize: '2rem' }}></i>
-                                    {__('Vuoto', 'gepafin')}
-                                </div>)}
+                                    ? <>
+                                        <ul className="notificationsSidebar__list">
+                                            {notificationsRead.map(o => <NotificationItem
+                                                key={o.id}
+                                                item={o}
+                                                clickFn={chooseNotification}/>)}
+                                        </ul>
+                                        <PaginatorBasic
+                                            totalPages={totalPagesNum}
+                                            currentPage={currentPage}
+                                            clickFn={onPageChange}
+                                        />
+                                    </>
+                                    :
+                                    <div className="notificationsSidebar__loading">
+                                        <i className="pi pi-megaphone" style={{ fontSize: '2rem' }}></i>
+                                        {__('Vuoto', 'gepafin')}
+                                    </div>)}
                     </TabPanel>
                 </TabView>
             </Sidebar>
diff --git a/src/components/PaginatorBasic/index.js b/src/components/PaginatorBasic/index.js
new file mode 100644
index 0000000..9c0c833
--- /dev/null
+++ b/src/components/PaginatorBasic/index.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import { __ } from '@wordpress/i18n';
+
+const PaginatorBasic = ({
+                            currentPage = 0,
+                            totalPages = 0,
+                            clickFn = () => {
+                            }
+                        }) => {
+    const handleClick = (num) => {
+        const newNum = num < 0
+            ? 0
+            : num > totalPages ? totalPages : num;
+        clickFn(newNum);
+    }
+    const prevDisabled = currentPage <= 1;
+    const nextDisabled = currentPage >= totalPages
+
+    return (
+        totalPages !== 0
+            ? <div className="p-paginator p-component" data-pc-name="paginator" data-pc-section="root">
+                <button
+                    type="button"
+                    className={`p-paginator-prev p-paginator-element p-link${prevDisabled ? ' p-disabled' : ''}`}
+                    disabled={prevDisabled}
+                    onClick={prevDisabled ? () => {
+                    } : () => handleClick(currentPage - 1)}
+                    aria-label={__('Pagina precedente', 'gepafin')}
+                    data-pc-section="prevpagebutton">
+                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
+                         className="p-icon p-paginator-icon" aria-hidden="true" data-pc-section="prevpageicon">
+                        <path
+                            d="M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z"
+                            fill="currentColor"></path>
+                    </svg>
+                </button>
+                <span aria-live="polite" className="p-paginator-current" data-pc-section="current">
+                ({currentPage} {__('di', 'gepafin')} {totalPages})
+            </span>
+                <button
+                    type="button"
+                    disabled={nextDisabled}
+                    onClick={nextDisabled ? () => {
+                    } : () => handleClick(currentPage + 1)}
+                    className={`p-paginator-next p-paginator-element p-link${nextDisabled ? ' p-disabled' : ''}`}
+                    aria-label={__('Pagina successiva', 'gepafin')}
+                    data-pc-section="nextpagebutton">
+                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"
+                         className="p-icon p-paginator-icon" aria-hidden="true" data-pc-section="nextpageicon">
+                        <path
+                            d="M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z"
+                            fill="currentColor"></path>
+                    </svg>
+                </button>
+            </div> : null
+    )
+}
+
+export default PaginatorBasic;
\ No newline at end of file
diff --git a/src/layouts/DefaultLayout/components/AppSidebar/index.js b/src/layouts/DefaultLayout/components/AppSidebar/index.js
index 5c81b8f..30bc83e 100644
--- a/src/layouts/DefaultLayout/components/AppSidebar/index.js
+++ b/src/layouts/DefaultLayout/components/AppSidebar/index.js
@@ -45,77 +45,77 @@ const AppSidebar = () => {
             label: __('Bandi osservati', 'gepafin'),
             icon: 'pi pi-star',
             href: '/bandi-osservati',
-            id: 13,
+            id: 5,
             enable: intersection(permissions, ['VIEW_CALLS']).length
         },
         {
             label: __('Gestione domande', 'gepafin'),
             icon: 'pi pi-file',
             href: '/domande',
-            id: 5,
+            id: 6,
             enable: intersection(permissions, ['VIEW_USERS', 'MANAGE_USERS']).length
         },
         {
             label: __('Domande da valutare', 'gepafin'),
             icon: 'pi pi-calendar-clock',
             href: '/domande',
-            id: 6,
+            id: 7,
             enable: intersection(permissions, ['EVALUATE_APPLICATIONS']).length
         },
         {
             label: __('Archivio domande', 'gepafin'),
             icon: 'pi pi-briefcase',
             href: '/domande',
-            id: 7,
+            id: 8,
             enable: intersection(permissions, ['APPLY_CALLS']).length
         },
         {
             label: __('Archivio domande', 'gepafin'),
             icon: 'pi pi-briefcase',
             href: '/domande-archivio',
-            id: 5,
+            id: 9,
             enable: intersection(permissions, ['VIEW_USERS', 'MANAGE_USERS']).length
         },
         {
             label: __('Archivio domande', 'gepafin'),
             icon: 'pi pi-briefcase',
             href: '/domande-archivio',
-            id: 6,
+            id: 10,
             enable: intersection(permissions, ['EVALUATE_APPLICATIONS']).length
         },
         {
             label: __('Soccorso istruttorio', 'gepafin'),
             icon: <HelpIcon/>,
             href: '/soccorso-istruttorio',
-            id: 8,
+            id: 11,
             enable: intersection(permissions, ['EVALUATE_APPLICATIONS']).length
         },
         {
             label: __('Gestione utenti', 'gepafin'),
             icon: 'pi pi-users',
             href: '/utenti',
-            id: 9,
+            id: 12,
             enable: intersection(permissions, ['VIEW_USERS', 'MANAGE_USERS']).length
         },
         {
             label: __('Configurazione', 'gepafin'),
             icon: 'pi pi-cog',
             //href: '/configurazione',
-            id: 10,
+            id: 13,
             enable: false
         },
         {
             label: __('Report e Analisi', 'gepafin'),
             icon: 'pi pi-chart-bar',
             //href: '/stats',
-            id: 11,
+            id: 14,
             enable: false
         },
         {
             label: __('Log di Sistema', 'gepafin'),
             icon: 'pi pi-receipt',
             clickFn: () => {},
-            id: 12,
+            id: 15,
             enable: false
         }
     ]
diff --git a/src/pages/Bandi/components/AllBandiTable/index.js b/src/pages/Bandi/components/AllBandiTable/index.js
index 9bbc70f..14e457b 100644
--- a/src/pages/Bandi/components/AllBandiTable/index.js
+++ b/src/pages/Bandi/components/AllBandiTable/index.js
@@ -121,7 +121,7 @@ const AllBandiTable = () => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
index 89882e5..07ccfe8 100644
--- a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
+++ b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
@@ -206,7 +206,7 @@ const AllBandiAccordion = ({ showOnlyPreferred = false }) => {
         <div className="appPageSection__table">
             <DataTable value={items}
                        paginator
-                       rows={10}
+                       rows={5}
                        loading={isAsyncRequest}
                        dataKey="id"
                        filters={filters}
diff --git a/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js b/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
index 3a8ca31..874f9e0 100644
--- a/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
+++ b/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
@@ -186,7 +186,7 @@ const AllBandiPreferredAccordion = () => {
         <div className="appPageSection__table">
             <DataTable value={items}
                        paginator
-                       rows={10}
+                       rows={5}
                        loading={isAsyncRequest}
                        dataKey="id"
                        filters={filters}
diff --git a/src/pages/Dashboard/components/DraftApplicationsTable/index.js b/src/pages/Dashboard/components/DraftApplicationsTable/index.js
index c41abb0..629106c 100644
--- a/src/pages/Dashboard/components/DraftApplicationsTable/index.js
+++ b/src/pages/Dashboard/components/DraftApplicationsTable/index.js
@@ -136,7 +136,7 @@ const DraftApplicationsTable = () => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/Dashboard/components/LatestBandiTable/index.js b/src/pages/Dashboard/components/LatestBandiTable/index.js
index 2ccee35..d80588b 100644
--- a/src/pages/Dashboard/components/LatestBandiTable/index.js
+++ b/src/pages/Dashboard/components/LatestBandiTable/index.js
@@ -21,17 +21,43 @@ const LatestBandiTable = () => {
     const [filters, setFilters] = useState(null);
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [, setStatuses] = useState([]);
+    /*const [totalRecordsNum, setTotalRecordsNum] = useState(0);
+    const [perPageNum, setPerPageNum] = useState(0);
+    const getPaginationQuery = () => {
+        return {
+            "globalFilters": {
+                "page": 1,
+                "limit": 5,
+                "sortBy": {
+                    "columnName": "ID",
+                    "sortDesc": true
+                }
+            }
+        }
+    }
+
+    const onPageChange = (e) => {
+        console.log('onPageChange', e)
+    }*/
 
     useEffect(() => {
         setLocalAsyncRequest(true);
         BandoService.getBandi(getCallback, errGetCallbacks);
+        //const paginationQuery = getPaginationQuery();
+        //BandoService.getBandiPaginated(paginationQuery, getCallback, errGetCallbacks);
     }, []);
 
     const getCallback = (data) => {
         if (data.status === 'SUCCESS') {
+            /*const { body, totalRecords, currentPage, totalPages, pageSize } = data.data;
+            setTotalRecordsNum(totalRecords);
+            setPerPageNum(pageSize);
+            const newItems = body.filter(o => o.status === 'PUBLISH');
+            setItems(getFormattedBandiData(newItems));
+            setStatuses(uniq(body.map(o => o.status)));*/
             const newItems = data.data.filter(o => o.status === 'PUBLISH');
             setItems(getFormattedBandiData(newItems));
-            setStatuses(uniq(data.data.map(o => o.status)))
+            setStatuses(uniq(data.data.map(o => o.status)));
             initFilters();
         }
         setLocalAsyncRequest(false);
@@ -106,7 +132,10 @@ const LatestBandiTable = () => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items}
+                       paginator showGridlines
+                       /*lazy totalRecords={totalRecordsNum} onPage={onPageChange}*/
+                       rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/Dashboard/components/LatestUsersActivityTable/index.js b/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
index 1c015c1..5717740 100644
--- a/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
+++ b/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
@@ -103,7 +103,7 @@ const LatestUsersActivityTable = () => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={loading} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={loading} dataKey="id"
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
diff --git a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
index c25d643..a64a27e 100644
--- a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
+++ b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
@@ -189,7 +189,7 @@ const LatestBandiTable = () => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={loading} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={loading} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js b/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
index 0f0cbcf..3cf30e7 100644
--- a/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
+++ b/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
@@ -204,7 +204,7 @@ const MyLatestSubmissionsTable = () => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
index 33dcab7..17c1d01 100644
--- a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
+++ b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
@@ -136,7 +136,7 @@ const PreInstructorDomandeTable = () => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/Domande/components/AllDomandeTable/index.js b/src/pages/Domande/components/AllDomandeTable/index.js
index 6159a66..61ade5c 100644
--- a/src/pages/Domande/components/AllDomandeTable/index.js
+++ b/src/pages/Domande/components/AllDomandeTable/index.js
@@ -150,7 +150,7 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/DomandeArchive/components/AllDomandeArchiveTable/index.js b/src/pages/DomandeArchive/components/AllDomandeArchiveTable/index.js
index 3b0e13a..f0c29a8 100644
--- a/src/pages/DomandeArchive/components/AllDomandeArchiveTable/index.js
+++ b/src/pages/DomandeArchive/components/AllDomandeArchiveTable/index.js
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
 import { is, uniq } from 'ramda';
-import { Link, useLocation } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 
 // api
 import ApplicationService from '../../../../service/application-service';
@@ -29,7 +29,6 @@ const AllDomandeArchiveTable = ({ updaterString = '' }) => {
     const [filters, setFilters] = useState(null);
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [statuses, setStatuses] = useState([]);
-    const location = useLocation();
 
     useEffect(() => {
         setLocalAsyncRequest(true);
@@ -141,7 +140,7 @@ const AllDomandeArchiveTable = ({ updaterString = '' }) => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js b/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
index 18ceb27..39f0655 100644
--- a/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
+++ b/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
@@ -157,7 +157,7 @@ const BeneficiarioDomandeTable = () => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
index 1d7224d..d7c7e3c 100644
--- a/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
+++ b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
@@ -135,7 +135,7 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
 
     return(
         <div className="appPageSection__table">
-            <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
+            <DataTable value={items} paginator showGridlines rows={5} loading={localAsyncRequest} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/pages/Users/components/AllUsersTable/index.js b/src/pages/Users/components/AllUsersTable/index.js
index 6476cb5..26f2556 100644
--- a/src/pages/Users/components/AllUsersTable/index.js
+++ b/src/pages/Users/components/AllUsersTable/index.js
@@ -141,7 +141,7 @@ const AllUsersTable = () => {
 
     return (
         <div className="appPageSection__table">
-            <DataTable value={users} paginator showGridlines rows={10} loading={loading} dataKey="id"
+            <DataTable value={users} paginator showGridlines rows={5} loading={loading} dataKey="id"
                        filters={filters} stripedRows removableSort
                        header={header}
                        emptyMessage={translationStrings.emptyMessage}
diff --git a/src/service/bando-service.js b/src/service/bando-service.js
index dfda3f4..5f616fb 100644
--- a/src/service/bando-service.js
+++ b/src/service/bando-service.js
@@ -8,6 +8,10 @@ export default class BandoService {
         NetworkService.get(`${API_BASE_URL}/call`, callback, errCallback, queryParams);
     };
 
+    static getBandiPaginated = (body, callback, errCallback, queryParams) => {
+        NetworkService.post(`${API_BASE_URL}/call/pagination`, body, callback, errCallback, queryParams);
+    };
+
     static getBando = (id, callback, errCallback, queryParams) => {
         NetworkService.get(`${API_BASE_URL}/call/${id}`, callback, errCallback, queryParams);
     };
diff --git a/src/service/notification-service.js b/src/service/notification-service.js
index c3457b2..25b77f6 100644
--- a/src/service/notification-service.js
+++ b/src/service/notification-service.js
@@ -8,6 +8,14 @@ export default class NotificationService {
         NetworkService.get(`${API_BASE_URL}/notification/user/${id}`, callback, errCallback, queryParams);
     };
 
+    static getNotificationsByCompanyId = (id, companyId, callback, errCallback, queryParams) => {
+        NetworkService.get(`${API_BASE_URL}/notification/user/${id}/company/${companyId}/notifications`, callback, errCallback, queryParams);
+    };
+
+    static getNotificationsPagination = (id, body, callback, errCallback, queryParams) => {
+        NetworkService.post(`${API_BASE_URL}/notification/user/${id}/pagination`, body, callback, errCallback, queryParams);
+    };
+
     static notificationMakeRead = (id, callback, errCallback) => {
         NetworkService.put(`${API_BASE_URL}/notification/${id}`, {}, callback, errCallback, [
             ['status', 'READ']