- implemented functionality of adding to preferred calls;

src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js

@@ -2,14 +2,18 @@ import React, { useState, useEffect} from 'react';
 import { __ } from '@wordpress/i18n';
 import { is, uniq, isNil } from 'ramda';
 import { wrap } from 'object-path-immutable';
+import { useNavigate } from 'react-router-dom';
 
 // store
-import { storeSet, useStore } from '../../../../store';
+import { storeGet, storeSet, useStore } from '../../../../store';
 
 // tools
 import getBandoSeverity from '../../../../helpers/getBandoSeverity';
 import getBandoLabel from '../../../../helpers/getBandoLabel';
 import getDateFromISOstring from '../../../../helpers/getDateFromISOstring';
+import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
+import getNumberWithCurrency from '../../../../helpers/getNumberWithCurrency';
+import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 
 // api
 import BandoService from '../../../../service/bando-service';
@@ -20,11 +24,8 @@ import { Column } from 'primereact/column';
 import { Dropdown } from 'primereact/dropdown';
 import { Tag } from 'primereact/tag';
 import ProperBandoLabel from '../../../../components/ProperBandoLabel';
-import getNumberWithCurrency from '../../../../helpers/getNumberWithCurrency';
-import renderHtmlContent from '../../../../helpers/renderHtmlContent';
 import { Button } from 'primereact/button';
-import { useNavigate } from 'react-router-dom';
-import set404FromErrorResponse from '../../../../helpers/set404FromErrorResponse';
+import PreferredBandoService from '../../../../service/preferred-bando-service';
 
 
 const AllBandiAccordion = () => {
@@ -92,23 +93,54 @@ const AllBandiAccordion = () => {
         return <Tag value={getBandoLabel(option)} severity={getBandoSeverity(option)} />;
     };
 
-    /*const addToFavourites = () => {
-        console.log('addToFavourites');
-    }*/
+    const addToFavourites = (id, preferredId = 0) => {
+        const companyId = storeGet.main.chosenCompanyId()
+        const data = {
+            companyId,
+            callId: id
+        }
+        if (preferredId !== 0) {
+            // TODO implement removing from preferrenced
+            //PreferredBandoService.addToPreferred(data, toggleFavCallback, errToggleFavCallback);
+        } else {
+            PreferredBandoService.addToPreferred(data, toggleFavCallback, errToggleFavCallback);
+        }
+    }
+
+    const toggleFavCallback = (data) => {
+        if (data.status === 'SUCCESS') {
+            const newItems = items.map((o) => {
+                if (o.id === data.data.callId) {
+                    return {
+                        ...o,
+                        preferred: data.data.id
+                    }
+                } else {
+                    return o;
+                }
+            });
+            setItems(newItems)
+        }
+    }
+
+    const errToggleFavCallback = (data) => {
+        set404FromErrorResponse(data);
+    }
 
     const goToBandoPage = (id) => {
         navigate(`/bandi/${id}`)
     }
 
-    /*const actionsBodyTemplate = (rowData) => {
+    const actionsBodyTemplate = (rowData) => {
         return <div className="appPageSection__tableActions">
             <button type="button"
                     className="appPageSection__addToFavourites"
-                    onClick={() => addToFavourites(rowData.id)}>
+                    data-active={rowData.preferred}
+                    onClick={() => addToFavourites(rowData.id, rowData.preferred)}>
                 <i className="pi pi-heart" style={{ fontSize: '1rem' }}></i>
             </button>
         </div>
-    }*/
+    }
 
     const rowExpansionTemplate = (data) => {
         return (
@@ -151,10 +183,10 @@ const AllBandiAccordion = () => {
                 <Column header={__('Importo totale', 'gepafin')} filterField="amount"
                         style={{ minWidth: '10rem' }} body={amountBodyTemplate} sortable/>
                 <Column field="status" header={__('Stato', 'gepafin')} filterMenuStyle={{ width: '14rem' }}
-                        style={{ width: '120px' }} body={statusBodyTemplate} filter sortable
+                        style={{ width: '8rem' }} body={statusBodyTemplate} filter sortable
                         filterElement={statusFilterTemplate}/>
                 <Column header={__('Azioni', 'gepafin')}
-                        style={{ width: '120px' }}
+                        style={{ width: '8rem' }}
                         body={actionsBodyTemplate}/>
             </DataTable>
         </div>