fix dialogs errors estilos

This commit is contained in:
Mariela 2022-07-23 18:37:35 -06:00
parent e1878b3978
commit 88fb2013ee
2 changed files with 22 additions and 2 deletions

View File

@ -275,7 +275,7 @@ const AdministradoresSistema = () => {
<Dialog visible={deleteAdminsSystemDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteAdminsSystemDialogFooter} onHide={hideDeleteAdminsSystemsDialog}> <Dialog visible={deleteAdminsSystemDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteAdminsSystemDialogFooter} onHide={hideDeleteAdminsSystemsDialog}>
<div className="flex align-items-center justify-content-center"> <div className="flex align-items-center justify-content-center">
<i className="pi pi-exclamation-triangle mr-3" style={{ fontSize: '2rem' }} /> <i className="pi pi-exclamation-triangle mr-3" style={{ fontSize: '2rem' }} />
{administrators && <span>¿Está seguro eliminar los adminsitradores del sistema seleccionados?</span>} {selectedAdministrators && <span>¿Está seguro eliminar los adminsitradores del sistema seleccionados?</span>}
</div> </div>
</Dialog> </Dialog>
</div> </div>

View File

@ -309,7 +309,7 @@ const Communities = () => {
setCommunitiesList(_communities); setCommunitiesList(_communities);
setDeleteCommunitiesDialog(false); setDeleteCommunitiesDialog(false);
setSelectedCommunities(null); setSelectedCommunities(null);
toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Comunidades de Viviendas Eliminada', life: 3000 }); toast.current.show({ severity: 'success', summary: 'Éxito', detail: 'Comunidades de Viviendas Eliminadas', life: 3000 });
} }
const actionsCommunity = (rowData) => { const actionsCommunity = (rowData) => {
@ -355,6 +355,14 @@ const Communities = () => {
</> </>
); );
const deleteCommutitiesDialogFooter = (
<>
<Button label="No" icon="pi pi-times" className="p-button-text" onClick={hideDeleteCommunitiesDialog} />
<Button label="Yes" icon="pi pi-check" className="p-button-text" onClick={deleteSelectedCommunities} />
</>
);
const headerName = ( const headerName = (
<> <>
<p> <FontAwesomeIcon icon={faHome} style={{ color: "#C08135" }} /> Nombre</p> <p> <FontAwesomeIcon icon={faHome} style={{ color: "#C08135" }} /> Nombre</p>
@ -425,6 +433,18 @@ const Communities = () => {
<Column field="name_admin" header={headerAdministrator} style={{ flexGrow: 1, flexBasis: '180px' }}></Column> <Column field="name_admin" header={headerAdministrator} style={{ flexGrow: 1, flexBasis: '180px' }}></Column>
<Column header={headerOptions} body={actionsCommunity}></Column> <Column header={headerOptions} body={actionsCommunity}></Column>
</DataTable> </DataTable>
<Dialog visible={deleteCommunityDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteCommunityDialogFooter} onHide={hideDeleteCommunityDialog}>
<div className="flex align-items-center justify-content-center">
<i className="pi pi-exclamation-triangle mr-3" style={{ fontSize: '2rem' }} />
{community && <span>¿Estás seguro que desea eliminar a <b>{sysadmin.name}</b>?</span>}
</div>
</Dialog>
<Dialog visible={deleteCommunitiesDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteCommutitiesDialogFooter} onHide={hideDeleteCommunitiesDialog}>
<div className="flex align-items-center justify-content-center">
<i className="pi pi-exclamation-triangle mr-3" style={{ fontSize: '2rem' }} />
{selectedCommunities && <span>¿Está seguro eliminar los adminsitradores del sistema seleccionados?</span>}
</div>
</Dialog>
</div> </div>
</div> </div>
<div className="col-12"> <div className="col-12">