updated form fields and application logic;

src/pages/DashboardBeneficiario/index.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import { __ } from '@wordpress/i18n';
+import { useNavigate } from 'react-router-dom';
+
+// components
+import LatestBandiTable from './components/LatestBandiTable';
+import MyLatestSubmissionsTable from './components/MyLatestSubmissionsTable';
+import { Button } from 'primereact/button';
+
+const DashboardBeneficiario = () => {
+    const navigate = useNavigate();
+
+    const goToAllSubmissions = () => {
+        navigate('/bids');
+    }
+
+    return(
+        <div className="appPage">
+            <div className="appPage__pageHeader">
+                <h1>{__('Dashboard', 'gepafin')}</h1>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection statsBigBadges">
+                <h2>{__('Panoramica di Sistema', 'gepafin')}</h2>
+                <div className="statsBigBadges__grid grid-3">
+                    <div className="statsBigBadges__gridItem">
+                        <span>{__('Domande attivi', 'gepafin')}</span>
+                        <span>3</span>
+                    </div>
+                    <div className="statsBigBadges__gridItem">
+                        <span>{__('Bandi osservati', 'gepafin')}</span>
+                        <span>42</span>
+                    </div>
+                    <div className="statsBigBadges__gridItem">
+                        <span>{__('Documenti da integrare', 'gepafin')}</span>
+                        <span>2</span>
+                    </div>
+                </div>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <h2>{__('Domande in lavorazione', 'gepafin')}</h2>
+                <MyLatestSubmissionsTable/>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection">
+                <h2>{__('Bandi disponibili', 'gepafin')}</h2>
+                <LatestBandiTable/>
+            </div>
+
+            <div className="appPage__spacer"></div>
+
+            <div className="appPageSection__hr">
+                <span>{__('Azioni rapide', 'gepafin')}</span>
+            </div>
+
+            <div className="appPageSection">
+                <div className="appPageSection__actions">
+                    <Button
+                        onClick={goToAllSubmissions}
+                        label={__('Nuova domanda', 'gepafin')} icon="pi pi-plus" iconPos="right"/>
+                    <Button
+                        disabled={true}
+                        outlined
+                        onClick={() => {
+                        }}
+                        label={__('Carica documento', 'gepafin')} icon="pi pi-upload" iconPos="right"/>
+                    <Button
+                        disabled={true}
+                        outlined
+                        onClick={() => {
+                        }}
+                        label={__('Contatta assistenza', 'gepafin')} icon="pi pi-envelope" iconPos="right"/>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default DashboardBeneficiario;