diff --git a/web-ui/web-react/src/components/AreasComunes.js b/web-ui/web-react/src/components/AreasComunes.js
index 7b0b6fd8..7b5ae8bc 100644
--- a/web-ui/web-react/src/components/AreasComunes.js
+++ b/web-ui/web-react/src/components/AreasComunes.js
@@ -8,7 +8,7 @@ import { Toast } from 'primereact/toast';
import { Dialog } from 'primereact/dialog';
import { Toolbar } from 'primereact/toolbar';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faHome, faUserAlt } from '@fortawesome/free-solid-svg-icons';
+import { faClock, faHome, faHomeAlt, faUserAlt } from '@fortawesome/free-solid-svg-icons';
import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons';
import { faAt } from '@fortawesome/free-solid-svg-icons';
import { faIdCardAlt } from '@fortawesome/free-solid-svg-icons';
@@ -41,9 +41,9 @@ const AreasComunes = () => {
const [submitted, setSubmitted] = useState(false);
const toast = useRef(null);
const dt = useRef(null);
-
const [cookies, setCookie] = useCookies();
const [changeStatusAreaDialog, setChangeStatusAreaDialog] = useState(false);
+ const [areaDialog, setAreaDialog] = useState(false);
@@ -283,8 +283,6 @@ const AreasComunes = () => {
setDeleteCommonAreasDialog(true);
};
-
-
const hideChangeStatusAreaDialog = () => {
setChangeStatusAreaDialog(false);
};
@@ -294,6 +292,20 @@ const AreasComunes = () => {
setChangeStatusAreaDialog(true);
};
+
+ const hideNewAreaDialog = () => {
+ setSubmitted(false);
+ setAreaDialog(false);
+ setCommonArea(emptyCommonArea);
+ };
+
+ const openNewArea = () => {
+ setCommonArea(emptyCommonArea);
+ setAreaDialog(true);
+ setSubmitted(false);
+ };
+
+
const actionsCommonArea = (rowData) => {
let icono = '';
let text = '';
@@ -335,6 +347,24 @@ const AreasComunes = () => {
setCommonArea(_commonArea);
};
+ const areaDialogFooter = (
+ <>
+
+
+
+ >
+ );
+
const deleteCommonAreaDialogFooter = (
<>
@@ -370,7 +400,18 @@ const AreasComunes = () => {
return (
{' '}
-
{' '}
-
{' '}
-