- added amendemnt page for beneficiary;

- fixed styles in all tables;
- fixed displaying requested files list;
- fixed page of creating a new amendment;

src/pages/DomandaBeneficiario/index.js

@@ -41,26 +41,8 @@ const DomandaBeneficiario = () => {
     const [isVisibleNewCommDialog, setIsVisibleNewCommDialog] = useState(false);
     const [newCommData, setNewCommData] = useState({});
     const [isLoadingCommunication, setIsLoadingCommunication] = useState(false);
-    const [isVisibleExtendTimeDialog, setIsVisibleExtendTimeDialog] = useState(false);
-    const [extendedTime, setExtendedTime] = useState(3);
-    const [isLoadingExtendingTime, setIsLoadingExtendingTime] = useState(false);
-    const [isLoadingReminding, setIsLoadingReminding] = useState(false);
+    const [isVisibleEmailDialog, setIsVisibleEmailDialog] = useState(false);
     const toast = useRef(null);
-    const [formInitialData, setFormInitialData] = useState({});
-    const {
-        control,
-        handleSubmit,
-        formState: { errors, isValid },
-        setValue,
-        register,
-        trigger,
-        getValues,
-        clearErrors
-    } = useForm({
-        defaultValues: useMemo(() => {
-            return formInitialData;
-        }, [formInitialData]), mode: 'onChange'
-    });
 
     const goToArchivePage = () => {
         navigate(`/domande`);
@@ -68,10 +50,12 @@ const DomandaBeneficiario = () => {
 
     const getCallback = (data) => {
         if (data.status === 'SUCCESS') {
-            setData(getFormattedData(data.data));
-            //CommunicationService.getCommsByAmendmentId(data.data.id, getCommsCallback, errGetCommsCallback);
+            if (data.data.length) {
+                setData(getFormattedData(data.data[0]));
+                CommunicationService.getCommsByAmendmentId(data.data[0].id, getCommsCallback, errGetCommsCallback);
+            }
         }
-        //storeSet.main.unsetAsyncRequest();
+        storeSet.main.unsetAsyncRequest();
     }
 
     const errGetCallback = (data) => {
@@ -181,8 +165,7 @@ const DomandaBeneficiario = () => {
 
     const createCommunication = () => {
         setIsLoadingCommunication(true);
-        const amendmentId = 0
-        CommunicationService.createCommunication(amendmentId, newCommData, createCommunicationCallback, errCreateCommunicationCallback);
+        CommunicationService.createCommunication(data.id, newCommData, createCommunicationCallback, errCreateCommunicationCallback);
     }
 
     const createCommunicationCallback = (data) => {
@@ -272,24 +255,21 @@ const DomandaBeneficiario = () => {
 
                 <div className="appPageSection">
                     <h2>{__('Dettagli Richiesta', 'gepafin')}</h2>
-                    <div className="appPageSection columns">
-                        <div>
-                            <h3>{__('Documenti Richiesti', 'gepafin')}</h3>
-                            <ol className="appPageSection__list">
-                                {data.formFields
-                                    ? data.formFields.map((o, i) => <li key={o.fieldId} style={{ flexDirection: 'row' }}>
-                                    <span>{o.label}</span>
-                                </li>) : null}
-                            </ol>
-                        </div>
-                        <div>
-                            <h3>{__('Note e spiegazioni', 'gepafin')}</h3>
-                            <div className="appPageSection__withBorder grey ql-editor"
-                                 style={{ minHeight: '200px' }}>
-                                {renderHtmlContent(data.note)}
-                            </div>
-                        </div>
+                    <h3>{__('Documenti Richiesti', 'gepafin')}</h3>
+                    <ol className="appPageSection__list">
+                        {data.formFields
+                            ? data.formFields.map((o, i) => <li key={o.fieldId}
+                                                                style={{ flexDirection: 'row' }}>
+                                <span>{o.label}</span>
+                            </li>) : null}
+                    </ol>
+                </div>
 
+                <div className="appPageSection">
+                    <h3>{__('Note e spiegazioni', 'gepafin')}</h3>
+                    <div className="appPageSection__withBorder grey ql-editor"
+                         style={{ minHeight: '200px' }}>
+                        {renderHtmlContent(data.note)}
                     </div>
                 </div>
 
@@ -340,11 +320,13 @@ const DomandaBeneficiario = () => {
                         <Button
                             type="button"
                             disabled={isAsyncRequest}
+                            onClick={() => setIsVisibleEmailDialog(true)}
                             label={__('Invia documenti via PEC', 'gepafin')}
                             icon="pi pi-envelope" iconPos="right"/>
                         <Button
                             type="button"
                             outlined
+                            onClick={goToArchivePage}
                             disabled={isAsyncRequest}
                             label={__('Chiudi', 'gepafin')}
                             icon="pi pi-times" iconPos="right"/>
@@ -383,6 +365,16 @@ const DomandaBeneficiario = () => {
                         onChange={(e) => updateNewCommData(e.target.value, 'comment')}/>
                 </div>
             </Dialog>
+
+            <Dialog
+                header={__('Invia documenti via PEC', 'gepafin')}
+                visible={isVisibleEmailDialog}
+                style={{ width: '50vw' }}
+                onHide={() => {if (!isVisibleEmailDialog) return; setIsVisibleEmailDialog(false); }}>
+                <p className="m-0">
+                    {data.callEmail}
+                </p>
+            </Dialog>
         </div>
     )