diff --git a/src/pages/Bandi/components/AllBandiTable/index.js b/src/pages/Bandi/components/AllBandiTable/index.js
index 8276815..236098e 100644
--- a/src/pages/Bandi/components/AllBandiTable/index.js
+++ b/src/pages/Bandi/components/AllBandiTable/index.js
@@ -23,6 +23,7 @@ import { Calendar } from 'primereact/calendar';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Link } from 'react-router-dom';
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const AllBandiTable = () => {
@@ -115,7 +116,7 @@ const AllBandiTable = () => {
     };
 
     const statusFilterTemplate = (options) => {
-        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter" showClear />;
+        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
     };
 
     const statusItemTemplate = (option) => {
@@ -136,7 +137,7 @@ const AllBandiTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="name" header={__('Nome Bando', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
diff --git a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
index e6a155f..bba88cf 100644
--- a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
+++ b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
@@ -17,6 +17,7 @@ import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 
 // api
 import BandoService from '../../../../service/bando-service';
+import PreferredBandoService from '../../../../service/preferred-bando-service';
 
 // components
 import { DataTable } from 'primereact/datatable';
@@ -25,10 +26,11 @@ import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Button } from 'primereact/button';
-import PreferredBandoService from '../../../../service/preferred-bando-service';
 
+// i18n
+import translationStrings from '../../../../translationStringsForComponents';
 
-const AllBandiAccordion = () => {
+const AllBandiAccordion = ({ showOnlyPreferred = false }) => {
     const chosenCompanyId = useStore().main.chosenCompanyId();
     const isAsyncRequest = useStore().main.isAsyncRequest();
     const [items, setItems] = useState(null);
@@ -40,7 +42,8 @@ const AllBandiAccordion = () => {
     useEffect(() => {
         storeSet.main.setAsyncRequest();
         BandoService.getBandi(getCallback, errGetCallbacks, [
-            ['companyId', chosenCompanyId]
+            ['companyId', chosenCompanyId],
+            ['onlyPreferredCall', showOnlyPreferred]
         ]);
     }, [chosenCompanyId]);
 
@@ -81,7 +84,19 @@ const AllBandiAccordion = () => {
     }
 
     const amountBodyTemplate = (rowData) => {
-        return getNumberWithCurrency(rowData.amount);
+        return <span
+            className="appPageSection__titleClickable"
+            onClick={() => {
+                let newExpandedRows;
+                if (isNil(expandedRows) || isNil(expandedRows[rowData.id])) {
+                    newExpandedRows = isNil(expandedRows)
+                        ? wrap({}).set([rowData.id], true).value()
+                        : wrap(expandedRows).set([rowData.id], true).value();
+                } else {
+                    newExpandedRows = wrap(expandedRows).del([rowData.id]).value();
+                }
+                setExpandedRows(newExpandedRows);
+            }}>{getNumberWithCurrency(rowData.amount)}</span>;
     };
 
     const statusBodyTemplate = (rowData) => {
@@ -89,11 +104,14 @@ const AllBandiAccordion = () => {
     };
 
     const statusFilterTemplate = (options) => {
-        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter" showClear />;
+        return <Dropdown value={options.value} options={statuses}
+                         onChange={(e) => options.filterCallback(e.value, options.index)}
+                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
+                         showClear/>;
     };
 
     const statusItemTemplate = (option) => {
-        return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
+        return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)}/>;
     };
 
     const addToFavourites = (id, preferredId) => {
@@ -188,7 +206,7 @@ const AllBandiAccordion = () => {
                        loading={isAsyncRequest}
                        dataKey="id"
                        filters={filters}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        expandedRows={expandedRows}
                        onRowToggle={(e) => setExpandedRows(e.data)}
                        rowExpansionTemplate={rowExpansionTemplate}
@@ -198,7 +216,7 @@ const AllBandiAccordion = () => {
                         body={nameBodyTemplate}
                         style={{ minWidth: '12rem' }}/>
                 <Column header={__('Importo totale', 'gepafin')} filterField="amount"
-                        style={{ minWidth: '10rem' }} body={amountBodyTemplate} sortable/>
+                        style={{ minWidth: '10rem' }} body={amountBodyTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')} filterMenuStyle={{ width: '14rem' }}
                         style={{ width: '8rem' }} body={statusBodyTemplate} filter sortable
                         filterElement={statusFilterTemplate}/>
diff --git a/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js b/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
index f1c7495..3a8ca31 100644
--- a/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
+++ b/src/pages/BandiPreferredBeneficiario/components/AllBandiPreferredAccordion/index.js
@@ -25,6 +25,7 @@ import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Button } from 'primereact/button';
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const AllBandiPreferredAccordion = () => {
@@ -90,7 +91,7 @@ const AllBandiPreferredAccordion = () => {
     };
 
     const statusFilterTemplate = (options) => {
-        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter" showClear />;
+        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
     };
 
     const statusItemTemplate = (option) => {
@@ -189,7 +190,7 @@ const AllBandiPreferredAccordion = () => {
                        loading={isAsyncRequest}
                        dataKey="id"
                        filters={filters}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        expandedRows={expandedRows}
                        onRowToggle={(e) => setExpandedRows(e.data)}
                        rowExpansionTemplate={rowExpansionTemplate}
diff --git a/src/pages/BandiPreferredBeneficiario/index.js b/src/pages/BandiPreferredBeneficiario/index.js
index 360090f..e6e2063 100644
--- a/src/pages/BandiPreferredBeneficiario/index.js
+++ b/src/pages/BandiPreferredBeneficiario/index.js
@@ -7,7 +7,7 @@ import { isEmpty } from 'ramda';
 import { useStore } from '../../store';
 
 // components
-import AllBandiPreferredAccordion from './components/AllBandiPreferredAccordion';
+import AllBandiAccordion from '../BandiBeneficiario/components/AllBandiAccordion';
 
 const BandiPreferredBeneficiario = () => {
     const chosenCompanyId = useStore().main.chosenCompanyId();
@@ -34,7 +34,7 @@ const BandiPreferredBeneficiario = () => {
                 </> : null}
 
             <div className="appPageSection">
-                <AllBandiPreferredAccordion/>
+                <AllBandiAccordion showOnlyPreferred={true}/>
             </div>
         </div>
     )
diff --git a/src/pages/Dashboard/components/DraftApplicationsTable/index.js b/src/pages/Dashboard/components/DraftApplicationsTable/index.js
index 63518ff..e3d9a5c 100644
--- a/src/pages/Dashboard/components/DraftApplicationsTable/index.js
+++ b/src/pages/Dashboard/components/DraftApplicationsTable/index.js
@@ -26,6 +26,7 @@ import { Button } from 'primereact/button';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Link } from 'react-router-dom';
+import translationStrings from '../../../../translationStringsForComponents';
 
 const DraftApplicationsTable = () => {
     const chosenCompanyId = useStore().main.chosenCompanyId();
@@ -142,7 +143,7 @@ const DraftApplicationsTable = () => {
     const statusFilterTemplate = (options) => {
         return <Dropdown value={options.value} options={statuses}
                          onChange={(e) => options.filterCallback(e.value, options.index)}
-                         itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter"
+                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
                          showClear/>;
     };
 
@@ -169,7 +170,7 @@ const DraftApplicationsTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="id" header={__('ID domanda', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
diff --git a/src/pages/Dashboard/components/LatestBandiTable/index.js b/src/pages/Dashboard/components/LatestBandiTable/index.js
index b1b1b36..94f32da 100644
--- a/src/pages/Dashboard/components/LatestBandiTable/index.js
+++ b/src/pages/Dashboard/components/LatestBandiTable/index.js
@@ -16,6 +16,7 @@ import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Link } from 'react-router-dom';
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const LatestBandiTable = () => {
@@ -23,7 +24,7 @@ const LatestBandiTable = () => {
     const [filters, setFilters] = useState(null);
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [globalFilterValue, setGlobalFilterValue] = useState('');
-    const [statuses, setStatuses] = useState([]);
+    const [, setStatuses] = useState([]);
 
     useEffect(() => {
         setLocalAsyncRequest(true);
@@ -128,7 +129,7 @@ const LatestBandiTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="name" header={__('Nome Bando', 'gepafin')} filter filterPlaceholder={__('Cerca il nome', 'gepafin')}
                         style={{ minWidth: '8rem' }}/>
diff --git a/src/pages/Dashboard/components/LatestUsersActivityTable/index.js b/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
index 3473117..1c015c1 100644
--- a/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
+++ b/src/pages/Dashboard/components/LatestUsersActivityTable/index.js
@@ -107,7 +107,7 @@ const LatestUsersActivityTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}{__('Nessun dato disponibile', 'gepafin')}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column header={__('Timestamp', 'gepafin')} filterField="date" dataType="date"
                         style={{ minWidth: '8rem' }}
diff --git a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
index 0de8d69..8c1a0a5 100644
--- a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
+++ b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
@@ -8,6 +8,10 @@ import { storeGet, useStore } from '../../../../store';
 
 // api
 import BandoService from '../../../../service/bando-service';
+import PreferredBandoService from '../../../../service/preferred-bando-service';
+
+// tools
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
 
 // components
 import { FilterMatchMode, FilterOperator } from 'primereact/api';
@@ -19,8 +23,8 @@ import { InputIcon } from 'primereact/inputicon';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
-import PreferredBandoService from '../../../../service/preferred-bando-service';
-import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
+
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const LatestBandiTable = () => {
@@ -29,7 +33,7 @@ const LatestBandiTable = () => {
     const [filters, setFilters] = useState(null);
     const [loading, setLoading] = useState(false);
     const [globalFilterValue, setGlobalFilterValue] = useState('');
-    const [statuses, setStatuses] = useState([]);
+    const [, setStatuses] = useState([]);
 
     useEffect(() => {
         setLoading(true);
@@ -209,7 +213,7 @@ const LatestBandiTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="name" header={__('Nome Bando', 'gepafin')} filter
                         filterPlaceholder={__('Cerca il nome', 'gepafin')}
diff --git a/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js b/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
index ce3f987..e7a488d 100644
--- a/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
+++ b/src/pages/DashboardBeneficiario/components/MyLatestSubmissionsTable/index.js
@@ -26,6 +26,7 @@ import { Calendar } from 'primereact/calendar';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Link } from 'react-router-dom';
+import translationStrings from '../../../../translationStringsForComponents';
 
 const MyLatestSubmissionsTable = () => {
     const chosenCompanyId = useStore().main.chosenCompanyId();
@@ -145,7 +146,7 @@ const MyLatestSubmissionsTable = () => {
     const statusFilterTemplate = (options) => {
         return <Dropdown value={options.value} options={statuses}
                          onChange={(e) => options.filterCallback(e.value, options.index)}
-                         itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter"
+                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
                          showClear/>;
     };
 
@@ -175,7 +176,7 @@ const MyLatestSubmissionsTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="callTitle" header={__('Bando', 'gepafin')} filter filterPlaceholder={__('Cerca il nome', 'gepafin')}
                         style={{ minWidth: '8rem' }}/>
diff --git a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
index 5e53e82..ab5fe5a 100644
--- a/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
+++ b/src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js
@@ -9,6 +9,10 @@ import { useStore } from '../../../../store';
 // api
 import AssignedApplicationService from '../../../../service/assigned-application-service';
 
+// tools
+import getBandoLabel from '../../../../helpers/getBandoLabel';
+import getBandoSeverity from '../../../../helpers/getBandoSeverity';
+
 // components
 import { FilterMatchMode, FilterOperator } from 'primereact/api';
 import { DataTable } from 'primereact/datatable';
@@ -19,7 +23,10 @@ import { InputIcon } from 'primereact/inputicon';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import { Dropdown } from 'primereact/dropdown';
+import { Tag } from 'primereact/tag';
 
+import translationStrings from '../../../../translationStringsForComponents';
 
 const PreInstructorDomandeTable = () => {
     const userData = useStore().main.userData();
@@ -126,6 +133,14 @@ const PreInstructorDomandeTable = () => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
 
+    const statusFilterTemplate = (options) => {
+        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
+    };
+
+    const statusItemTemplate = (option) => {
+        return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
+    };
+
     const actionsBodyTemplate = (rowData) => {
         return <Link to={`/domande/${rowData.applicationId}`}>
             <Button severity="info" label={__('Valuta', 'gepafin')} icon="pi pi-eye" size="small" iconPos="right"/>
@@ -140,7 +155,7 @@ const PreInstructorDomandeTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
@@ -155,7 +170,8 @@ const PreInstructorDomandeTable = () => {
                         style={{ minWidth: '8rem' }}
                         body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
-                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} />
+                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} filter
+                        filterElement={statusFilterTemplate} />
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>
diff --git a/src/pages/Domande/components/AllDomandeTable/index.js b/src/pages/Domande/components/AllDomandeTable/index.js
index eb0ae9e..6e6a507 100644
--- a/src/pages/Domande/components/AllDomandeTable/index.js
+++ b/src/pages/Domande/components/AllDomandeTable/index.js
@@ -19,6 +19,7 @@ import { InputIcon } from 'primereact/inputicon';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
@@ -26,7 +27,7 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     const [filters, setFilters] = useState(null);
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
     const [globalFilterValue, setGlobalFilterValue] = useState('');
-    const [statuses, setStatuses] = useState([]);
+    const [, setStatuses] = useState([]);
 
     useEffect(() => {
         setLocalAsyncRequest(true);
@@ -154,7 +155,7 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="id" header={__('ID domanda', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
diff --git a/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js b/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
index 56bc773..30e7b80 100644
--- a/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
+++ b/src/pages/DomandeBeneficiario/components/BeneficiarioDomandeTable/index.js
@@ -25,6 +25,7 @@ import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
 import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const BeneficiarioDomandeTable = () => {
@@ -141,7 +142,7 @@ const BeneficiarioDomandeTable = () => {
     const statusFilterTemplate = (options) => {
         return <Dropdown value={options.value} options={statuses}
                          onChange={(e) => options.filterCallback(e.value, options.index)}
-                         itemTemplate={statusItemTemplate} placeholder="Select One" className="p-column-filter"
+                         itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter"
                          showClear/>;
     };
 
@@ -169,7 +170,7 @@ const BeneficiarioDomandeTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="id" header={__('ID domanda', 'gepafin')} filter
                         filterPlaceholder={__('Cerca il nome', 'gepafin')}
diff --git a/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
index 31a6a70..1dfcdef 100644
--- a/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
+++ b/src/pages/SoccorsoIstruttorioPreInstructor/components/PreInstructorSoccorsiTable/index.js
@@ -7,7 +7,11 @@ import { Link } from 'react-router-dom';
 import { storeGet } from '../../../../store';
 
 // api
+import AmendmentsService from '../../../../service/amendments-service';
 
+// tools
+import getBandoLabel from '../../../../helpers/getBandoLabel';
+import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 
 // components
 import { FilterMatchMode, FilterOperator } from 'primereact/api';
@@ -19,7 +23,10 @@ import { InputIcon } from 'primereact/inputicon';
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
-import AmendmentsService from '../../../../service/amendments-service';
+import { Dropdown } from 'primereact/dropdown';
+import { Tag } from 'primereact/tag';
+
+import translationStrings from '../../../../translationStringsForComponents';
 
 
 const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
@@ -129,6 +136,14 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
         return <ProperBandoLabel status={rowData.status}/>;
     };
 
+    const statusFilterTemplate = (options) => {
+        return <Dropdown value={options.value} options={statuses} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
+    };
+
+    const statusItemTemplate = (option) => {
+        return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
+    };
+
     const actionsBodyTemplate = (rowData) => {
         return <Link to={`/domande/${rowData.applicationId}/soccorso/${rowData.id}`}>
                 <Button severity="info" label={__('Dettagli', 'gepafin')} size="small" />
@@ -143,7 +158,7 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column field="applicationId" header={__('ID domanda', 'gepafin')}
                         filter filterPlaceholder={__('Cerca', 'gepafin')}
@@ -163,7 +178,8 @@ const PreInstructorSoccorsiTable = ({ openDialogFn }) => {
                         style={{ minWidth: '8rem' }}
                         body={dateExpirationBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
-                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} />
+                        style={{ minWidth: '7rem' }} body={statusBodyTemplate} filter
+                        filterElement={statusFilterTemplate} />
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>
diff --git a/src/pages/Users/components/AllUsersTable/index.js b/src/pages/Users/components/AllUsersTable/index.js
index b9aef65..5741333 100644
--- a/src/pages/Users/components/AllUsersTable/index.js
+++ b/src/pages/Users/components/AllUsersTable/index.js
@@ -25,6 +25,7 @@ import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
+import translationStrings from '../../../../translationStringsForComponents';
 
 const AllUsersTable = () => {
     const users = useStore().main.users();
@@ -150,7 +151,7 @@ const AllUsersTable = () => {
                        filters={filters}
                        globalFilterFields={['name', 'status']}
                        header={header}
-                       emptyMessage={__('Nessun dato disponibile', 'gepafin')}
+                       emptyMessage={translationStrings.emptyMessage}
                        onFilter={(e) => setFilters(e.filters)}>
                 <Column body={nameBodyTemplate}
                         header={__('Nome utente', 'gepafin')}
diff --git a/src/translationStringsForComponents.js b/src/translationStringsForComponents.js
new file mode 100644
index 0000000..e33247e
--- /dev/null
+++ b/src/translationStringsForComponents.js
@@ -0,0 +1,16 @@
+/* data table related */
+import { __ } from '@wordpress/i18n';
+
+const currentPageReportTemplate = '';
+
+const emptyMessage = __('Nessun dato disponibile', 'gepafin');
+
+const selectOneLabel = __('Seleziona', 'gepafin');
+
+const translationStrings = {
+    currentPageReportTemplate,
+    emptyMessage,
+    selectOneLabel
+}
+
+export default translationStrings;
\ No newline at end of file