- added stats to dashboard;

- improved form builder;

src/pages/DashboardBeneficiario/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { useNavigate } from 'react-router-dom';
+import { head, pathOr } from 'ramda';
+
+// store
+import { useStore } from '../../store';
+
+// api
+import DashboardService from '../../service/dashboard-service';
 
 // components
 import LatestBandiTable from './components/LatestBandiTable';
@@ -9,11 +16,34 @@ import { Button } from 'primereact/button';
 
 const DashboardBeneficiario = () => {
     const navigate = useNavigate();
+    const [mainStats, setMainStats] = useState({});
+    const companies = useStore().main.companies();
+    const chosenCompanyId = useStore().main.chosenCompanyId();
 
     const goToAllSubmissions = () => {
         navigate('/bandi');
     }
 
+    const getStatValue = (key, fallback = '') => {
+        return pathOr(fallback, [key], mainStats);
+    }
+
+    const getStats = (data) => {
+        if (data.status === 'SUCCESS') {
+            setMainStats(data.data);
+        }
+    }
+
+    const errGetStats = () => {}
+
+    useEffect(() => {
+        const existingCompany = head(companies.filter(o => o.id === chosenCompanyId));
+
+        if (existingCompany) {
+            DashboardService.getBeneficiaryStatsForCompany(existingCompany.id, getStats, errGetStats);
+        }
+    }, [companies, chosenCompanyId]);
+
     return(
         <div className="appPage">
             <div className="appPage__pageHeader">
@@ -27,15 +57,15 @@ const DashboardBeneficiario = () => {
                 <div className="statsBigBadges__grid">
                     <div className="statsBigBadges__gridItem">
                         <span>{__('Domande attive', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{getStatValue('numberOfApplications', 0)}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
                         <span>{__('Bandi osservati', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{getStatValue('numberOfCalls', 0)}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
                         <span>{__('Documenti da integrare', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{getStatValue('numberOfIntegratedDocuments', 0)}</span>
                     </div>
                 </div>
             </div>