From 76b5dd59256b34f2bac0168ad8465b194e71cb6b Mon Sep 17 00:00:00 2001
From: Daniel Valenzuela <dsvalenzuela@uc.cl>
Date: Mon, 30 Jun 2025 16:49:25 -0400
Subject: [PATCH] fix: delete and remove modals styling (#2243)

---
 src/generic/delete-modal/DeleteModal.tsx              | 8 ++++++--
 src/library-authoring/containers/ContainerRemover.tsx | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/generic/delete-modal/DeleteModal.tsx b/src/generic/delete-modal/DeleteModal.tsx
index a92203572..c34425925 100644
--- a/src/generic/delete-modal/DeleteModal.tsx
+++ b/src/generic/delete-modal/DeleteModal.tsx
@@ -18,6 +18,8 @@ interface DeleteModalProps {
   variant?: string;
   btnLabel?: string;
   icon?: React.ElementType;
+  buttonVariant?: 'tertiary' | 'brand' | 'primary' | 'danger';
+  cancelButtonVariant?: 'tertiary' | 'brand' | 'primary' | 'default';
 }
 
 const DeleteModal = ({
@@ -28,6 +30,8 @@ const DeleteModal = ({
   title,
   description,
   variant = 'default',
+  buttonVariant = 'danger',
+  cancelButtonVariant = 'default',
   btnLabel,
   icon,
 }: DeleteModalProps) => {
@@ -47,7 +51,7 @@ const DeleteModal = ({
       footerNode={(
         <ActionRow>
           <Button
-            variant="tertiary"
+            variant={cancelButtonVariant}
             onClick={(e) => {
               e.preventDefault();
               e.stopPropagation();
@@ -62,7 +66,7 @@ const DeleteModal = ({
               e.stopPropagation();
               await onDeleteSubmit();
             }}
-            variant="brand"
+            variant={buttonVariant}
             label={defaultBtnLabel}
           />
         </ActionRow>
diff --git a/src/library-authoring/containers/ContainerRemover.tsx b/src/library-authoring/containers/ContainerRemover.tsx
index 2ac9e84ab..69196cafb 100644
--- a/src/library-authoring/containers/ContainerRemover.tsx
+++ b/src/library-authoring/containers/ContainerRemover.tsx
@@ -79,6 +79,8 @@ const ContainerRemover = ({
       title={removeWarningTitle}
       description={removeText}
       onDeleteSubmit={onRemove}
+      buttonVariant="primary"
+      cancelButtonVariant="tertiary"
       btnLabel={intl.formatMessage(messages.removeContainerButton, {
         containerName: itemType.charAt(0).toUpperCase() + itemType.slice(1),
       })}