- merged master;

src/pages/DashboardInstructorManager/index.js

@@ -15,10 +15,13 @@ import LatestBandiTableInstructorManagerAsync from './components/LatestBandiTabl
 import DraftApplicationsTableAsync from '../Dashboard/components/DraftApplicationsTableAsync';
 import AllDomandeTableAsync from '../Domande/components/AllDomandeTableAsync';
 
+const REACT_APP_HUB_ID = process.env.REACT_APP_HUB_ID;
+
 const DashboardInstructorManager = () => {
     const navigate = useNavigate();
     const [mainStats, setMainStats] = useState({});
     const [chartStats, setChartStats] = useState({});
+    const [pecUsage, setPecUsage] = useState(0);
 
     const goToAllEvaluations = () => {
         navigate('/domande');
@@ -32,6 +35,7 @@ const DashboardInstructorManager = () => {
         if (data.status === 'SUCCESS') {
             setMainStats(data.data.widget1);
             setChartStats(data.data.widgetBars);
+            setPecUsage(data.data.pecUsage/data.data.pecLimit * 100);
         }
     }
 
@@ -50,6 +54,20 @@ const DashboardInstructorManager = () => {
 
             <div className="appPage__spacer"></div>
 
+            {REACT_APP_HUB_ID === 'p4lk3bcx1RStqTaIVVbXs' // only for GEPAFIN
+                ? <div className={`appPageSection__withBorder${pecUsage > 91 ? ' danger' : ''}`}>
+                    <p className="appPageSection__pMeta">
+                        <span>{__('PEC inbox quota', 'gepafin')}</span>
+                        <span>{<NumberFlow
+                            value={pecUsage}
+                            format={{ notation: 'compact' }}
+                            suffix={'%'}
+                            locales="it-IT"/>}</span>
+                    </p>
+                </div> : null}
+
+            <div className="appPage__spacer"></div>
+
             <div className="appPageSection statsBigBadges">
                 <h2>{__('Panoramica di Sistema', 'gepafin')}</h2>
                 <div className="statsBigBadges__grid">