add ability to change canceltext in confirmdialog

Author: geoffhouse

src/client/src/core/BugConfirmDialog.jsx

@@ -7,6 +7,7 @@ const BugConfirmDialog = ({
     onConfirm,
     onDismiss,
     confirmButtonText = "Confirm",
+    cancelButtonText = "Cancel",
     sx = {},
 }) => {
     const getMessage = () => {
@@ -26,7 +27,7 @@ const BugConfirmDialog = ({
                 <DialogTitle>{title}</DialogTitle>
                 <DialogContent>{getMessage()}</DialogContent>
                 <DialogActions>
-                    <Button onClick={onDismiss}>Cancel</Button>
+                    <Button onClick={onDismiss}>{cancelButtonText}</Button>
                     <Button color="primary" onClick={onConfirm}>
                         {confirmButtonText}
                     </Button>

src/client/src/stories/BugConfirmDialog.stories.jsx

@@ -65,6 +65,52 @@ export default function MyComponent() {
         title: "Confirm your action",
         message: "Are you sure you want to do this thing?",
         confirmButtonText: "Confirm",
+        cancelButtonText: "Cancel",
+        open: true,
+        sx: {},
+    },
+
+    argTypes: {
+        title: {
+            description: "The title to be displayed in the dialog",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Confirm" },
+            },
+        },
+        message: {
+            description: "The main body message to be displayed",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "" },
+            },
+        },
+        cancelButtonText: {
+            description: "The label to be displayed on the 'cancel' button",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Cancel" },
+            },
+        },
+        confirmButtonText: {
+            description: "The label to be displayed on the 'confirm' button",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "Confirm" },
+            },
+        },
+        sx: {
+            description: "An object containing style overrides - see MaterialUI docs for options",
+            table: {
+                type: { summary: "object" },
+                defaultValue: { summary: "{}" },
+            },
+        },
+        open: {
+            table: {
+                disable: true,
+            },
+        },
     },
 };