diff --git a/src/assets/scss/components/appPage.scss b/src/assets/scss/components/appPage.scss
index 3c62a17..4fdac21 100644
--- a/src/assets/scss/components/appPage.scss
+++ b/src/assets/scss/components/appPage.scss
@@ -355,8 +355,8 @@
.appPageSection__tableActions {
display: flex;
- gap: 24px;
- padding: 0;
+ gap: 10px;
+ align-items: center;
flex-wrap: wrap;
}
@@ -368,12 +368,18 @@
justify-content: center;
border-radius: 50%;
border: none;
- background-color: var(--message-info-color);
- color: white;
+ background-color: transparent;
+ color: var(--global-textColor);
padding: 0;
&:hover {
cursor: pointer;
+ color: var(--message-info-color);
+ }
+
+ &[data-active="true"] {
+ background-color: var(--message-info-color);
+ color: white;
}
&[disabled] {
diff --git a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
index 0fc5fe1..183e894 100644
--- a/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
+++ b/src/pages/BandiBeneficiario/components/AllBandiAccordion/index.js
@@ -102,7 +102,9 @@ const AllBandiAccordion = () => {
const actionsBodyTemplate = (rowData) => {
return
-
@@ -151,8 +153,9 @@ const AllBandiAccordion = () => {
- {/**/}
+
)
diff --git a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
index 301094f..9ae2864 100644
--- a/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
+++ b/src/pages/DashboardBeneficiario/components/LatestBandiTable/index.js
@@ -55,6 +55,10 @@ const LatestBandiTable = () => {
storeSet.main.unsetAsyncRequest();
}
+ const addToFavourites = (id) => {
+
+ }
+
const getFormattedData = (data) => {
return [...(data || [])].map((d) => {
d.start_date = new Date(d.dates[0]);
@@ -89,9 +93,18 @@ const LatestBandiTable = () => {
const initFilters = () => {
setFilters({
global: { value: null, matchMode: FilterMatchMode.CONTAINS },
- name: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] },
- start_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
- end_date: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }] },
+ name: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }]
+ },
+ start_date: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
+ },
+ end_date: {
+ operator: FilterOperator.AND,
+ constraints: [{ value: null, matchMode: FilterMatchMode.DATE_IS }]
+ },
status: { operator: FilterOperator.OR, constraints: [{ value: null, matchMode: FilterMatchMode.EQUALS }] }
});
setGlobalFilterValue('');
@@ -100,10 +113,12 @@ const LatestBandiTable = () => {
const renderHeader = () => {
return (
-
+
-
-
+
+
);
@@ -118,26 +133,31 @@ const LatestBandiTable = () => {
};
const dateFilterTemplate = (options) => {
- return options.filterCallback(e.value, options.index)} dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999" />;
+ return options.filterCallback(e.value, options.index)}
+ dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
};
const statusBodyTemplate = (rowData) => {
return ;
};
- const statusItemTemplate = (option) => {
- return ;
- };
-
const actionsBodyTemplate = (rowData) => {
- return rowData.confidi
- ?
-
-
- :
-
-
+ return
+ addToFavourites(rowData.id)}>
+
+
+ {rowData.confidi
+ ?
+
+
+ :
+
+ }
+
}
const header = renderHeader();
@@ -150,7 +170,8 @@ const LatestBandiTable = () => {
header={header}
emptyMessage={__('Nessun dato disponibile', 'gepafin')}
onFilter={(e) => setFilters(e.filters)}>
-
{
style={{ minWidth: '8rem' }}
body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
+ style={{ minWidth: '7rem' }} body={statusBodyTemplate}/>