Merge branch 'develop' into feature/130-table-async

src/pages/Dashboard/index.js

@@ -20,6 +20,7 @@ const Dashboard = () => {
     const navigate = useNavigate();
     const [mainStats, setMainStats] = useState({});
     const [chartStats, setChartStats] = useState({});
+    const [pecUsage, setPecUsage] = useState(0);
 
     const onGoToCreateNewBando = () => {
         navigate('/bandi/new');
@@ -45,6 +46,7 @@ const Dashboard = () => {
         if (data.status === 'SUCCESS') {
             setMainStats(data.data.widget1);
             setChartStats(data.data.widgetBars);
+            setPecUsage(data.data.pecUsage/data.data.pecLimit * 100);
         }
     }
 
@@ -63,6 +65,19 @@ const Dashboard = () => {
 
             <div className="appPage__spacer"></div>
 
+            <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>
+
+            <div className="appPage__spacer"></div>
+
             <div className="appPageSection statsBigBadges">
                 <h2>{__('Panoramica di Sistema', 'gepafin')}</h2>
                 <div className="statsBigBadges__grid">