feat: added close button to close confirmation modal

aleksandernsilva · aleksandernsilva · commit b7b0542252bd · 2025-09-16T14:14:05.000-03:00
diff --git a/apps/meteor/client/components/Omnichannel/OutboundMessage/modals/OutboundMessageModal/OutboundMessageCloseConfirmationModal.tsx b/apps/meteor/client/components/Omnichannel/OutboundMessage/modals/OutboundMessageModal/OutboundMessageCloseConfirmationModal.tsx
@@ -1,6 +1,7 @@
 import {
 	Button,
 	Modal,
+	ModalClose,
 	ModalContent,
 	ModalFooter,
 	ModalFooterAnnotation,
@@ -24,6 +25,7 @@ const OutboundMessageCloseConfirmationModal = ({ onConfirm, onCancel }: Outbound
 		<Modal aria-labelledby={`${modalId}-title`} aria-describedby={`${modalId}-description`} open>
 			<ModalHeader>
 				<ModalTitle id={`${modalId}-title`}>{t('Discard_message')}</ModalTitle>
+				<ModalClose aria-label={t('Close')} onClick={onCancel} />
 			</ModalHeader>
 			<ModalContent>
 				<p aria-live='assertive' id={`${modalId}-description`}>
diff --git a/apps/meteor/client/components/Omnichannel/OutboundMessage/modals/OutboundMessageModal/OutboundMessageModal.tsx b/apps/meteor/client/components/Omnichannel/OutboundMessage/modals/OutboundMessageModal/OutboundMessageModal.tsx
@@ -49,7 +49,7 @@ const OutboundMessageModal = ({ defaultValues, onClose }: OutboundMessageModalPr
 			<Modal aria-labelledby={modalId} display={isClosing ? 'none' : 'block'}>
 				<ModalHeader>
 					<ModalTitle id={modalId}>{t('Outbound_message')}</ModalTitle>
-					<ModalClose onClick={() => setClosingConfirmation(true)} />
+					<ModalClose aria-label={t('Close')} onClick={() => setClosingConfirmation(true)} />
 				</ModalHeader>
 
 				<ModalContent pbe={16}>
