Delete alert button text

alan-turing-institute · Jun 20, 2024 · b12c9d2 · b12c9d2
1 parent e3fae24
commit b12c9d2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/next_frontend/components/cases/ActionButtons.tsx b/next_frontend/components/cases/ActionButtons.tsx
@@ -167,6 +167,7 @@ const ActionButtons = ({ showCreateGoal, actions, notify, notifyError }: ActionB
         onClose={() => setDeleteOpen(false)}
         onConfirm={onDelete}
         loading={loading}
+        confirmButtonText={'Delete'}
       />
     </div>
     </div>

diff --git a/next_frontend/components/cases/CaseCard.tsx b/next_frontend/components/cases/CaseCard.tsx
@@ -90,6 +90,7 @@ const CaseCard = ({ assuranceCase } : CaseCardProps) => {
         onClose={() => setOpen(false)}
         onConfirm={onDelete}
         loading={loading}
+        confirmButtonText={'Delete'}
       />
     </div>
   )

diff --git a/next_frontend/components/common/NodeEdit.tsx b/next_frontend/components/common/NodeEdit.tsx
@@ -272,6 +272,7 @@ const NodeEdit = ({ node, isOpen, setEditOpen }: NodeEditProps) => {
             onClose={() => setDeleteOpen(false)}
             onConfirm={handleDelete}
             loading={loading}
+            confirmButtonText={'Delete'}
           />
 
           <AlertModal
@@ -280,6 +281,7 @@ const NodeEdit = ({ node, isOpen, setEditOpen }: NodeEditProps) => {
             onConfirm={handleClose}
             loading={loading}
             message={'There are unresolved changes, continue to discard these changes.'}
+            confirmButtonText={'Discard Changes'}
           />
         </>
       )}

diff --git a/next_frontend/components/modals/alertModal.tsx b/next_frontend/components/modals/alertModal.tsx
@@ -11,14 +11,16 @@ interface AlertModalProps {
   onConfirm: () => void;
   loading: boolean;
   message?: string
+  confirmButtonText: string
 }
 
 export const AlertModal: React.FC<AlertModalProps> = ({
   isOpen,
   onClose,
   onConfirm,
   loading,
-  message
+  message,
+  confirmButtonText
 }) => {
   const [isMounted, setIsMounted] = useState(false);
 
@@ -42,7 +44,7 @@ export const AlertModal: React.FC<AlertModalProps> = ({
           Cancel
         </Button>
         <Button disabled={loading} variant="destructive" onClick={onConfirm}>
-          {loading ? 'Deleting' : 'Continue'}
+          {loading ? 'Deleting' : confirmButtonText}
         </Button>
       </div>
     </Modal>