- saving progress;

src/pages/DashboardPreInstructor/components/PreInstructorDomandeTable/index.js

@@ -1,11 +1,8 @@
 import React, { useState, useEffect} from 'react';
 import { __ } from '@wordpress/i18n';
-import { is, uniq } from 'ramda';
+import { is, uniq, isNil } from 'ramda';
 import { Link } from 'react-router-dom';
 
-// store
-import { useStore } from '../../../../store';
-
 // api
 import AssignedApplicationService from '../../../../service/assigned-application-service';
 
@@ -24,27 +21,38 @@ import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 
 import translationStrings from '../../../../translationStringsForComponents';
+import { useStore } from '../../../../store';
 
 const APP_HUB_ID = process.env.REACT_APP_HUB_ID;
 
-const PreInstructorDomandeTable = () => {
-    const userData = useStore().main.userData();
+const PreInstructorDomandeTable = ({ userId = null, statuses = [] }) => {
     const [items, setItems] = useState(null);
     const [filters, setFilters] = useState(null);
     const [localAsyncRequest, setLocalAsyncRequest] = useState(false);
-    const [statuses, setStatuses] = useState([]);
+    const [statusesForFilter, setStatusesForFilter] = useState([]);
+    const userData = useStore().main.userData();
 
     useEffect(() => {
-        setLocalAsyncRequest(true);
-        AssignedApplicationService.getAssignedApplications(getCallback, errGetCallbacks, [
-            ['userId', userData.id]
-        ]);
-    }, []);
+        if (!isNil(userId)) {
+            setLocalAsyncRequest(true);
+
+            if (userId === 0) {
+                AssignedApplicationService.getAssignedApplications(getCallback, errGetCallbacks, [
+                    ['statuses', statuses]
+                ]);
+            } else {
+                AssignedApplicationService.getAssignedApplications(getCallback, errGetCallbacks, [
+                    ['userId', userId],
+                    ['statuses', statuses]
+                ]);
+            }
+        }
+    }, [userId]);
 
     const getCallback = (data) => {
         if (data.status === 'SUCCESS') {
             setItems(getFormattedData(data.data));
-            setStatuses(uniq(data.data.map(o => o.status)))
+            setStatusesForFilter(uniq(data.data.map(o => o.status)))
             initFilters();
         }
         setLocalAsyncRequest(false);
@@ -121,7 +129,7 @@ const PreInstructorDomandeTable = () => {
     };
 
     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 />;
+        return <Dropdown value={options.value} options={statusesForFilter} onChange={(e) => options.filterCallback(e.value, options.index)} itemTemplate={statusItemTemplate} placeholder={translationStrings.selectOneLabel} className="p-column-filter" showClear />;
     };
 
     const statusItemTemplate = (option) => {
@@ -129,8 +137,11 @@ const PreInstructorDomandeTable = () => {
     };
 
     const actionsBodyTemplate = (rowData) => {
+        const label = ['OPEN', 'SOCCORSO'].includes(rowData.status) && userData.id === rowData.userId
+            ? __('Valuta', 'gepafin')
+            : __('Mostra', 'gepafin');
         return <Link to={`/domande/${rowData.applicationId}`}>
-            <Button severity="info" label={__('Valuta', 'gepafin')} icon="pi pi-eye" size="small" iconPos="right"/>
+            <Button severity="info" label={label} icon="pi pi-eye" size="small" iconPos="right"/>
         </Link>
     }