From eb690716fedf9cd865e91cdbc5fd003406fd2a30 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Mon, 28 Apr 2025 11:00:03 +0200
Subject: [PATCH] - fixed typo; - added tag 'csv' for enabled fields;

---
 .../FileuploadApplicationSignedPdf/index.js   |  2 +-
 src/components/FileuploadDelega/index.js      |  2 +-
 .../FormField/components/Fileupload/index.js  |  2 +-
 .../components/FileuploadAsync/index.js       |  2 +-
 src/components/FormFieldRepeaterFaq/index.js  |  2 +-
 .../components/BuilderElementMeta.js          | 46 +++++++++++++++
 .../components/BuilderElement/index.js        | 59 ++-----------------
 .../components/ElementSetting/index.js        |  5 +-
 .../ElementSettingReportHeader/index.js       | 20 +++++++
 src/pages/DocumentsBeneficiary/index.js       |  2 +-
 .../DomandaEditInstructorManager/index.js     |  4 +-
 .../components/ArchiveDocument/index.js       |  2 +-
 src/pages/DomandaEditPreInstructor/index.js   |  4 +-
 src/pages/Domande/index.js                    |  2 +-
 src/pages/DomandeInstructorManager/index.js   |  2 +-
 .../SoccorsoAddInstructorManager/index.js     |  2 +-
 src/pages/SoccorsoAddPreInstructor/index.js   |  2 +-
 .../SoccorsoEditInstructorManager/index.js    |  4 +-
 .../components/SoccorsoComunications/index.js |  2 +-
 src/pages/SoccorsoEditPreInstructor/index.js  |  4 +-
 src/pages/Users/index.js                      |  2 +-
 21 files changed, 95 insertions(+), 77 deletions(-)
 create mode 100644 src/pages/BandoFormsEdit/components/BuilderElement/components/BuilderElementMeta.js
 create mode 100644 src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingReportHeader/index.js

diff --git a/src/components/FileuploadApplicationSignedPdf/index.js b/src/components/FileuploadApplicationSignedPdf/index.js
index 286d08f..3490c50 100644
--- a/src/components/FileuploadApplicationSignedPdf/index.js
+++ b/src/components/FileuploadApplicationSignedPdf/index.js
@@ -68,7 +68,7 @@ const FileuploadApplicationSignedPdf = ({
                         disabled={disabled}
                         icon="pi pi-times"
                         severity="danger"
-                        aria-label={__('Anulla', 'gepafin')}
+                        aria-label={__('Annulla', 'gepafin')}
                         onClick={() => onTemplateRemove(file)}/>
                 </div>
             </div>
diff --git a/src/components/FileuploadDelega/index.js b/src/components/FileuploadDelega/index.js
index afa70a4..6457853 100644
--- a/src/components/FileuploadDelega/index.js
+++ b/src/components/FileuploadDelega/index.js
@@ -67,7 +67,7 @@ const FileuploadDelega = ({
                         disabled={disabled}
                         icon="pi pi-times"
                         severity="danger"
-                        aria-label={__('Anulla', 'gepafin')}
+                        aria-label={__('Annulla', 'gepafin')}
                         onClick={() => onTemplateRemove(file)}/>
                 </div>
             </div>
diff --git a/src/components/FormField/components/Fileupload/index.js b/src/components/FormField/components/Fileupload/index.js
index 9c21022..a8218a7 100644
--- a/src/components/FormField/components/Fileupload/index.js
+++ b/src/components/FormField/components/Fileupload/index.js
@@ -104,7 +104,7 @@ const Fileupload = ({
                             severity="danger"
                             type="button"
                             disabled={disabled}
-                            aria-label={__('Anulla', 'gepafin')}
+                            aria-label={__('Annulla', 'gepafin')}
                             onClick={(e) => confirmDelete(e, file)}/>
                 </div>
             </div>
diff --git a/src/components/FormField/components/FileuploadAsync/index.js b/src/components/FormField/components/FileuploadAsync/index.js
index d28c704..b422c78 100644
--- a/src/components/FormField/components/FileuploadAsync/index.js
+++ b/src/components/FormField/components/FileuploadAsync/index.js
@@ -85,7 +85,7 @@ const FileuploadAsync = ({
                         disabled={disabled}
                         icon="pi pi-times"
                         severity="danger"
-                        aria-label={__('Anulla', 'gepafin')}
+                        aria-label={__('Annulla', 'gepafin')}
                         onClick={() => onTemplateRemove(file)}/>
                 </div>
             </div>
diff --git a/src/components/FormFieldRepeaterFaq/index.js b/src/components/FormFieldRepeaterFaq/index.js
index f2223f5..4662f20 100644
--- a/src/components/FormFieldRepeaterFaq/index.js
+++ b/src/components/FormFieldRepeaterFaq/index.js
@@ -109,7 +109,7 @@ const FormFieldRepeaterFaq = ({
 
     const footerEditDialog = () => {
         return <div>
-            <Button type="button" disabled={disabled} label={__('Anulla', 'gepafin')} onClick={hideEditDialog}
+            <Button type="button" disabled={disabled} label={__('Annulla', 'gepafin')} onClick={hideEditDialog}
                     outlined/>
             <Button
                 type="button"
diff --git a/src/pages/BandoFormsEdit/components/BuilderElement/components/BuilderElementMeta.js b/src/pages/BandoFormsEdit/components/BuilderElement/components/BuilderElementMeta.js
new file mode 100644
index 0000000..8cef72f
--- /dev/null
+++ b/src/pages/BandoFormsEdit/components/BuilderElement/components/BuilderElementMeta.js
@@ -0,0 +1,46 @@
+import React from 'react';
+import { head, isEmpty, pathOr } from 'ramda';
+
+// store
+import { useStoreValue } from '../../../../../store';
+
+// components
+import { Tag } from 'primereact/tag';
+import BuilderElementProperLabel from '../../BuilderElementProperLabel';
+
+const BuilderElementMeta = ({ id, name, label }) => {
+    const elements = useStoreValue('formElements');
+    const element = head(elements.filter(o => o.id === id));
+    const elementSettings = pathOr([], ['settings'], element);
+    const variable = head(elementSettings.filter(o => o.name === 'variable'));
+    const formula = head(elementSettings.filter(o => o.name === 'formula'));
+    const requestedAmount = head(elementSettings.filter(o => o.name === 'isRequestedAmount'));
+    const delegation = head(elementSettings.filter(o => o.name === 'isDelegation'));
+    const csvReportEnabled = head(elementSettings.filter(o => o.name === 'reportEnable'));
+    const isVariable = variable && !isEmpty(variable.value) ? 'warning' : 'secondary';
+    const isFormula = formula && !isEmpty(formula.value) ? 'warning' : 'secondary';
+    const isRequestedAmount = requestedAmount && requestedAmount.value ? 'tertiary' : 'secondary';
+    const isDelegation = delegation && delegation.value ? 'tertiary' : 'secondary';
+    const isCsvReportEnabled = csvReportEnabled && csvReportEnabled.value ? 'tertiary' : 'secondary';
+
+    return (
+        <div className="meta">
+            <div className="tagHeader">
+                <Tag value={label} severity="info"/>
+                {['numberinput', 'criteria_table'].includes(name)
+                    ? <Tag value="var" severity={isVariable} title={variable && variable.value ? variable.value : ''}/> : null}
+                {name === 'numberinput'
+                    ? <Tag value="f(x)" severity={isFormula} title={formula && formula.value ? formula.value : ''}/> : null}
+                {requestedAmount && requestedAmount.value
+                    ? <Tag value="importo" severity={isRequestedAmount}/> : null}
+                {delegation && delegation.value
+                    ? <Tag value="delega" severity={isDelegation}/> : null}
+                {csvReportEnabled && csvReportEnabled.value
+                    ? <Tag value="csv" severity={isCsvReportEnabled}/> : null}
+            </div>
+            <BuilderElementProperLabel id={id} defaultLabel={label}/>
+        </div>
+    )
+}
+
+export default BuilderElementMeta;
\ No newline at end of file
diff --git a/src/pages/BandoFormsEdit/components/BuilderElement/index.js b/src/pages/BandoFormsEdit/components/BuilderElement/index.js
index 7f01d49..28189a3 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElement/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElement/index.js
@@ -1,8 +1,8 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react'
+import React, { useCallback, useRef } from 'react'
 import { useDrag, useDrop } from 'react-dnd'
 import { ItemTypes } from '../ItemTypes';
 import { __ } from '@wordpress/i18n';
-import { head, isEmpty, pathOr } from 'ramda';
+import { head } from 'ramda';
 import { klona } from 'klona';
 
 // store
@@ -13,22 +13,13 @@ import uniqid from '../../../../helpers/uniqid';
 
 // components
 import { Button } from 'primereact/button';
-import { Tag } from 'primereact/tag';
-import BuilderElementProperLabel from '../BuilderElementProperLabel';
+import BuilderElementMeta from './components/BuilderElementMeta';
 
 const BuilderElement = ({ id, name, label, index, bandoStatus }) => {
     const draggingElementId = useStoreValue('draggingElementId');
     const selectedElement = useStoreValue('selectedElement');
     const ref = useRef(null);
     const elements = useStoreValue('formElements');
-    const element = head(elements.filter(o => o.id === id));
-    const elementSettings = pathOr([], ['settings'], element);
-    const [isVariable, setIsVariable] = useState('secondary');
-    const [isFormula, setIsFormula] = useState('secondary');
-    const [variableName, setVariableName] = useState('secondary');
-    const [formulaName, setFormulaName] = useState('secondary');
-    const [isRequestedAmount, setIsRequestedAmount] = useState(false);
-    const [isDelegation, setIsDelegation] = useState(false);
 
     const [{ handlerId }, drop] = useDrop({
         accept: ItemTypes.FIELD,
@@ -134,35 +125,6 @@ const BuilderElement = ({ id, name, label, index, bandoStatus }) => {
     const opacity = isDragging ? 0 : 1;
     drag(drop(ref));
 
-    useEffect(() => {
-        const variable = head(elementSettings.filter(o => o.name === 'variable'));
-        const formula = head(elementSettings.filter(o => o.name === 'formula'));
-        const isRequestedAmount = head(elementSettings.filter(o => o.name === 'isRequestedAmount'));
-        const isDelegation = head(elementSettings.filter(o => o.name === 'isDelegation'));
-
-        if (variable && !isEmpty(variable.value)) {
-            setIsVariable('warning');
-            setVariableName(variable.value)
-        }
-
-        if (formula && !isEmpty(formula.value)) {
-            setIsFormula('warning');
-            setFormulaName(formula.value)
-        }
-
-        if (isRequestedAmount && !isEmpty(isRequestedAmount.value) && isRequestedAmount.value) {
-            setIsRequestedAmount('tertiary');
-        } else {
-            setIsRequestedAmount(false);
-        }
-
-        if (isDelegation && !isEmpty(isDelegation.value) && isDelegation.value) {
-            setIsDelegation('tertiary');
-        } else {
-            setIsDelegation(false);
-        }
-    }, [elementSettings]);
-
     return (
         draggingElementId === id
             ? <div ref={ref} className="formBuilder__elementNew">
@@ -173,20 +135,7 @@ const BuilderElement = ({ id, name, label, index, bandoStatus }) => {
                    style={{ opacity }}
                    onClick={selectElement}
                    data-handler-id={handlerId}>
-                <div className="meta">
-                    <div className="tagHeader">
-                        <Tag value={label} severity="info"/>
-                        {['numberinput', 'criteria_table'].includes(name)
-                            ? <Tag value="var" severity={isVariable} title={variableName}/> : null}
-                        {name === 'numberinput'
-                            ? <Tag value="f(x)" severity={isFormula} title={formulaName}/> : null}
-                        {isRequestedAmount
-                            ? <Tag value="importo" severity={isRequestedAmount}/> : null}
-                        {isDelegation
-                            ? <Tag value="delega" severity={isDelegation}/> : null}
-                    </div>
-                    <BuilderElementProperLabel id={id} defaultLabel={label}/>
-                </div>
+                <BuilderElementMeta id={id} name={name} label={label}/>
                 <div className="actions">
                     <Button icon="pi pi-clone" onClick={duplicateElement} outlined severity="success"/>
                     <Button icon="pi pi-cog" onClick={openSettings} outlined severity="info"/>
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
index ab04181..2c6b7bc 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
@@ -17,9 +17,10 @@ import ElementSettingTableColumns from '../ElementSettingTableColumns';
 import { InputSwitch } from 'primereact/inputswitch';
 import ElementSettingChips from '../ElementSettingChips';
 import ElementSettingCriteriaTableColumns from '../ElementSettingCriteriaTableColumns';
+import ElementSettingTableColumnsForCsv from '../ElementSettingTableColumnsForCsv';
 
 import { mimeTypes } from '../../../../../../configData';
-import ElementSettingTableColumnsForCsv from '../ElementSettingTableColumnsForCsv';
+import ElementSettingReportHeader from '../ElementSettingReportHeader';
 
 
 const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
@@ -128,6 +129,8 @@ const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
                 name={setting.name}
                 bandoStatus={bandoStatus}
                 setDataFn={updateDataFn}/>
+        } else if (setting.name === 'reportHeader') {
+            return <ElementSettingReportHeader setting={setting} changeFn={changeFn}/>
         } else if (['variable'].includes(setting.name)) {
             return <ElementSettingChips
                 restrictedValues={[]}
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingReportHeader/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingReportHeader/index.js
new file mode 100644
index 0000000..29b9cd1
--- /dev/null
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingReportHeader/index.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { head } from 'ramda';
+
+// components
+import { InputText } from 'primereact/inputtext';
+import { useStoreValue } from '../../../../../../store';
+
+const ElementSettingReportHeader = ({ setting = {}, changeFn }) => {
+    const chosenFieldSettings = useStoreValue('chosenFieldSettings');
+    const label = head(chosenFieldSettings.filter(o => o.name === 'label'));
+
+    return (
+        <InputText id={setting.name} aria-describedby={`${setting.name}-help`}
+                   value={setting.value}
+                   placeholder={label.value}
+                   onChange={(e) => changeFn(e.target.value, setting.name)}/>
+    );
+}
+
+export default ElementSettingReportHeader;
\ No newline at end of file
diff --git a/src/pages/DocumentsBeneficiary/index.js b/src/pages/DocumentsBeneficiary/index.js
index f51b9c0..d7d3e48 100644
--- a/src/pages/DocumentsBeneficiary/index.js
+++ b/src/pages/DocumentsBeneficiary/index.js
@@ -68,7 +68,7 @@ const DocumentsBeneficiary = () => {
 
     const footerAddNewDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideAddNewDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideAddNewDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading || !isValidForm()}
diff --git a/src/pages/DomandaEditInstructorManager/index.js b/src/pages/DomandaEditInstructorManager/index.js
index 8a6b107..6edec97 100644
--- a/src/pages/DomandaEditInstructorManager/index.js
+++ b/src/pages/DomandaEditInstructorManager/index.js
@@ -611,7 +611,7 @@ const DomandaEditInstructorManager = () => {
 
     const footerCompleteDialog = useCallback(() => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideCompleteDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideCompleteDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading || ('approve' === operationType && (!amountAccepted || isEmpty(amountAccepted) || amountAccepted === 0))}
@@ -696,7 +696,7 @@ const DomandaEditInstructorManager = () => {
 
     const footerAppointmentDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideAppointmentDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideAppointmentDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading}
diff --git a/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js b/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
index 1620a06..22850a9 100644
--- a/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
+++ b/src/pages/DomandaEditPreInstructor/components/ArchiveDocument/index.js
@@ -66,7 +66,7 @@ const ArchiveDocument = ({
 
     const footerDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading}
diff --git a/src/pages/DomandaEditPreInstructor/index.js b/src/pages/DomandaEditPreInstructor/index.js
index b811eda..444f10b 100644
--- a/src/pages/DomandaEditPreInstructor/index.js
+++ b/src/pages/DomandaEditPreInstructor/index.js
@@ -610,7 +610,7 @@ const DomandaEditPreInstructor = () => {
 
     const footerCompleteDialog = useCallback(() => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideCompleteDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideCompleteDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading || ('approve' === operationType && (!amountAccepted || isEmpty(amountAccepted) || amountAccepted === 0))}
@@ -695,7 +695,7 @@ const DomandaEditPreInstructor = () => {
 
     const footerAppointmentDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideAppointmentDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideAppointmentDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading}
diff --git a/src/pages/Domande/index.js b/src/pages/Domande/index.js
index 9d7b600..c825677 100644
--- a/src/pages/Domande/index.js
+++ b/src/pages/Domande/index.js
@@ -77,7 +77,7 @@ const Domande = () => {
 
     const footerEditDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideEditDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideEditDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading}
diff --git a/src/pages/DomandeInstructorManager/index.js b/src/pages/DomandeInstructorManager/index.js
index b4d1de5..e4985fd 100644
--- a/src/pages/DomandeInstructorManager/index.js
+++ b/src/pages/DomandeInstructorManager/index.js
@@ -77,7 +77,7 @@ const DomandeInstructorManager = () => {
 
     const footerEditDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideEditDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideEditDialog} outlined/>
             <Button
                 type="button"
                 disabled={loading}
diff --git a/src/pages/SoccorsoAddInstructorManager/index.js b/src/pages/SoccorsoAddInstructorManager/index.js
index df6c65c..9972ad3 100644
--- a/src/pages/SoccorsoAddInstructorManager/index.js
+++ b/src/pages/SoccorsoAddInstructorManager/index.js
@@ -310,7 +310,7 @@ const SoccorsoAddInstructorManager = () => {
                                 type="button"
                                 outlined
                                 onClick={goToEvaluationPage}
-                                label={__('Anulla', 'gepafin')}
+                                label={__('Annulla', 'gepafin')}
                                 icon="pi pi-times" iconPos="right"/>
                             <Button
                                 type="button"
diff --git a/src/pages/SoccorsoAddPreInstructor/index.js b/src/pages/SoccorsoAddPreInstructor/index.js
index dff6419..6b6c78b 100644
--- a/src/pages/SoccorsoAddPreInstructor/index.js
+++ b/src/pages/SoccorsoAddPreInstructor/index.js
@@ -310,7 +310,7 @@ const SoccorsoAddPreInstructor = () => {
                                 type="button"
                                 outlined
                                 onClick={goToEvaluationPage}
-                                label={__('Anulla', 'gepafin')}
+                                label={__('Annulla', 'gepafin')}
                                 icon="pi pi-times" iconPos="right"/>
                             <Button
                                 type="button"
diff --git a/src/pages/SoccorsoEditInstructorManager/index.js b/src/pages/SoccorsoEditInstructorManager/index.js
index 7f0edd7..ffa64c7 100644
--- a/src/pages/SoccorsoEditInstructorManager/index.js
+++ b/src/pages/SoccorsoEditInstructorManager/index.js
@@ -221,7 +221,7 @@ const SoccorsoEditInstructorManager = () => {
 
     const footerCloseAmendDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideCloseAmendDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideCloseAmendDialog} outlined/>
             <Button
                 type="button"
                 disabled={isAsyncRequest || isEmpty(data.internalNotes)}
@@ -272,7 +272,7 @@ const SoccorsoEditInstructorManager = () => {
 
     const footerExtendRespDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideExtendRespDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideExtendRespDialog} outlined/>
             <Button
                 type="button"
                 disabled={isLoadingExtendingTime || isEmpty(extendedTime)}
diff --git a/src/pages/SoccorsoEditPreInstructor/components/SoccorsoComunications/index.js b/src/pages/SoccorsoEditPreInstructor/components/SoccorsoComunications/index.js
index 15b67c4..6ed1eb9 100644
--- a/src/pages/SoccorsoEditPreInstructor/components/SoccorsoComunications/index.js
+++ b/src/pages/SoccorsoEditPreInstructor/components/SoccorsoComunications/index.js
@@ -76,7 +76,7 @@ const SoccorsoComunications = ({ amendmentId, soccorsoStatus }) => {
 
     const footerNewComDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideNewComDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideNewComDialog} outlined/>
             <Button
                 type="button"
                 disabled={isLoadingCommunication || isEmpty(newCommData.title) || isEmpty(newCommData.comment)}
diff --git a/src/pages/SoccorsoEditPreInstructor/index.js b/src/pages/SoccorsoEditPreInstructor/index.js
index b38dc5b..7cc606b 100644
--- a/src/pages/SoccorsoEditPreInstructor/index.js
+++ b/src/pages/SoccorsoEditPreInstructor/index.js
@@ -221,7 +221,7 @@ const SoccorsoEditPreInstructor = () => {
 
     const footerCloseAmendDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideCloseAmendDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideCloseAmendDialog} outlined/>
             <Button
                 type="button"
                 disabled={isAsyncRequest || isEmpty(data.internalNotes)}
@@ -272,7 +272,7 @@ const SoccorsoEditPreInstructor = () => {
 
     const footerExtendRespDialog = () => {
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideExtendRespDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideExtendRespDialog} outlined/>
             <Button
                 type="button"
                 disabled={isLoadingExtendingTime || isEmpty(extendedTime)}
diff --git a/src/pages/Users/index.js b/src/pages/Users/index.js
index eadf0e9..542520b 100644
--- a/src/pages/Users/index.js
+++ b/src/pages/Users/index.js
@@ -133,7 +133,7 @@ const Users = () => {
             .filter(v => isInvalidField(newUserData, v));
 
         return <div>
-            <Button type="button" label={__('Anulla', 'gepafin')} onClick={hideEditDialog} outlined/>
+            <Button type="button" label={__('Annulla', 'gepafin')} onClick={hideEditDialog} outlined/>
             <Button
                 type="button"
                 disabled={!isEmpty(errorValues) || loading}