- saving progress;

src/pages/BandoView/index.js

@@ -1,7 +1,10 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { __, sprintf } from '@wordpress/i18n';
 import { useNavigate, useParams } from 'react-router-dom';
-import { bandoTest } from '../../tempData';
+import { is, isEmpty } from 'ramda';
+
+// store
+import { storeSet, useStore } from '../../store';
 
 // tools
 import getNumberWithCurrency from '../../helpers/getNumberWithCurrency';
@@ -13,13 +16,16 @@ import { Accordion } from 'primereact/accordion';
 import { AccordionTab } from 'primereact/accordion';
 import { InputTextarea } from 'primereact/inputtextarea';
 import { Button } from 'primereact/button';
+import BandoService from '../../service/bando-service';
+import { Messages } from 'primereact/messages';
 
 const BandoView = () => {
+    const isAsyncRequest = useStore().main.isAsyncRequest();
     const { id } = useParams();
     const navigate = useNavigate();
     const [data, setData] = useState({});
     const [newQuestion, setNewQuestion] = useState('');
-    const [isLoading, setIsLoading] = useState(true);
+    const bandoMsgs = useRef(null);
 
     const closePreview = () => {
         navigate(`/bandi/${id}`);
@@ -41,20 +47,41 @@ const BandoView = () => {
 
     }
 
-    useEffect(() => {
-        //const parsed = parseInt(id)
-        //const bandoId = !isNaN(parsed) ? parsed : 0;
+    const getCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            setData(getFormattedBandiData(data.data));
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
 
-        setTimeout(() => {
-            const data = bandoTest;
-            setData(data);
-            setIsLoading(false)
-        }, 3000);
+    const errGetCallback = (data) => {
+        if (bandoMsgs.current && data.message) {
+            bandoMsgs.current.show([
+                {
+                    sticky: true, severity: 'error', summary: 'Error',
+                    detail: data.message,
+                    closable: true
+                }
+            ]);
+        }
+        storeSet.main.unsetAsyncRequest();
+    }
+
+    const getFormattedBandiData = (data) => {
+        data.dates = data.dates.map(v => is(String, v) ? new Date(v) : (v ? v : ''));
+        return data;
+    };
+
+    useEffect(() => {
+        const parsed = parseInt(id)
+        const bandoId = !isNaN(parsed) ? parsed : 0;
+
+        BandoService.getBando(bandoId, getCallback, errGetCallback);
     }, [id]);
 
     return (
         <div className="appPage">
-            {!isLoading
+            {!isAsyncRequest && !isEmpty(data)
                 ? <div className="appPage__pageHeader">
                     <h1>{data.name}</h1>
                     <p>
@@ -68,8 +95,9 @@ const BandoView = () => {
                 </>}
 
             <div className="appPage__spacer"></div>
+            <Messages ref={bandoMsgs}/>
 
-            {!isLoading
+            {!isAsyncRequest && !isEmpty(data)
                 ? <div className="appPage__content">
                     <div className="appPageSection__preview">
                         <Button
@@ -107,11 +135,11 @@ const BandoView = () => {
                         <div className="appPageSection__withBorder">
                             <p className="appPageSection__pMeta">
                                 <span>{__('Data apertura', 'gepafin')}</span>
-                                <span></span>
+                                <span>{getDateFromISOstring(data.dates[0])}</span>
                             </p>
                             <p className="appPageSection__pMeta">
                                 <span>{__('Data chiusura', 'gepafin')}</span>
-                                <span></span>
+                                <span>{getDateFromISOstring(data.dates[1])}</span>
                             </p>
                         </div>
                     </div>
@@ -156,7 +184,7 @@ const BandoView = () => {
                         <h2>{__('Allegati', 'gepafin')}</h2>
                         <div className="row rowContent">
                             <ul>
-                                {data.documentation.map((o, i) => <li key={i}>
+                                {data.docs.map((o, i) => <li key={i}>
                                     <a href={o.filePath} target="_blank" rel="noreferrer">{o.name}</a>
                                 </li>)}
                             </ul>
@@ -168,7 +196,7 @@ const BandoView = () => {
                         <Accordion>
                             {data.faq.map((o, i) => <AccordionTab key={i} header={o.question}>
                                 <p>
-                                    {o.answer}
+                                    {o.response}
                                 </p>
                             </AccordionTab>)}
                         </Accordion>
@@ -196,12 +224,14 @@ const BandoView = () => {
                         <div className="appPageSection__actions">
                             <Button
                                 type="button"
+                                disabled={true}
                                 outlined
                                 onClick={scaricaBando}
                                 label={__('Scarica Bando Completo', 'gepafin')}
                                 icon="pi pi-download" iconPos="right"/>
                             <Button
                                 type="button"
+                                disabled={true}
                                 outlined
                                 onClick={scaricaModulistica}
                                 label={__('Scarica Modulistica', 'gepafin')}