Confirm on deletion

packages/builder/src/helpers/confirm.ts

@@ -11,6 +11,7 @@ export async function confirm(props: {
   onConfirm?: () => void
   onCancel?: () => void
   onClose?: () => void
+  warning?: boolean
 }) {
   return await new Promise(resolve => {
     const dialog = new ConfirmDialog({
@@ -21,7 +22,7 @@ export async function confirm(props: {
         okText: props.okText,
         cancelText: props.cancelText,
         size: props.size,
-        warning: false,
+        warning: props.warning,
         onOk: () => {
           dialog.$destroy()
           resolve(props.onConfirm?.() || true)

packages/builder/src/pages/builder/app/[application]/settings/oauth2/MoreMenuRenderer.svelte

@@ -9,6 +9,7 @@
   } from "@budibase/bbui"
   import type { OAuth2Config } from "@budibase/types"
   import OAuth2ConfigModalContent from "./OAuth2ConfigModalContent.svelte"
+  import { confirm } from "@/helpers"
 
   export let row: OAuth2Config
 
@@ -18,12 +19,20 @@
     modal.show()
   }
   async function onDelete() {
-    try {
+    await confirm({
-      await oauth2.delete(row.id)
+      title: "Confirm Deletion",
-      notifications.success(`Config '${row.name}' deleted successfully`)
+      body: `Deleting "${row.name}" cannot be undone. Are you sure?`,
-    } catch (e: any) {
+      okText: "Delete Configuration",
-      notifications.error("Error deleting config")
+      warning: true,
-    }
+      onConfirm: async () => {
+        try {
+          await oauth2.delete(row.id)
+          notifications.success(`Config '${row.name}' deleted successfully`)
+        } catch (e: any) {
+          notifications.error("Error deleting config")
+        }
+      },
+    })
   }
 </script>