Change design of delete source modal (#84)

Signed-off-by: Montse Ortega <[email protected]>
kubev2v · Jan 30, 2025 · 2a9d50c · 2a9d50c
1 parent 7989fea
commit 2a9d50c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/apps/demo/src/components/ConfirmationModal.tsx b/apps/demo/src/components/ConfirmationModal.tsx
@@ -48,7 +48,7 @@ export const ConfirmationModal: React.FC<
 
   return (
     <Modal
-      width="24rem"
+      width="44rem"
       isOpen={isOpen}
       variant={variant}
       aria-describedby="modal-title-icon-description"
@@ -68,7 +68,7 @@ export const ConfirmationModal: React.FC<
           isDisabled={isDisabled}
           onClick={onConfirm}
         >
-          Confirm
+          Delete
         </Button>
         {onCancel && (
           <Button key="cancel" variant="link" onClick={onCancel}>

diff --git a/apps/demo/src/migration-wizard/steps/connect/sources-table/actions/RemoveSourceAction.tsx b/apps/demo/src/migration-wizard/steps/connect/sources-table/actions/RemoveSourceAction.tsx
@@ -64,17 +64,18 @@ export const RemoveSourceAction: React.FC<RemoveSourceAction.Props> = (
       </Tooltip>
       {onConfirm && shouldShowConfirmationModal && (
         <ConfirmationModal
-          title="Remove discovery source?"
+          title="Delete Environment"
           titleIconVariant="warning"
-          primaryButtonVariant="danger"
           isOpen={shouldShowConfirmationModal}
           isDisabled={isDisabled}
           onCancel={dismissConfirmationModal}
           onConfirm={handleConfirm}
+          onClose={dismissConfirmationModal}
         >
           <TextContent>
             <Text id="confirmation-modal-description">
-              The discovery information will be lost.
+            Are you sure you want to delete this environment? 
+            <br/>To use it again, create a new discovery image and redeploy it.
             </Text>
           </TextContent>
         </ConfirmationModal>