From 5c408cbfe3c402c67d9119a9bd23bd1540cde9a7 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Tue, 3 Jun 2025 10:38:44 +0200
Subject: [PATCH] feat(fe): Add generic settings confirm dialog

---
 ...JoinPolicyDialog.vue => ConfirmDialog.vue} | 32 +++++++++----------
 .../settings/workspaces/[slug]/security.vue   | 11 +++++--
 2 files changed, 25 insertions(+), 18 deletions(-)
 rename packages/frontend-2/components/settings/{workspaces/security/ConfirmJoinPolicyDialog.vue => ConfirmDialog.vue} (73%)

diff --git a/packages/frontend-2/components/settings/workspaces/security/ConfirmJoinPolicyDialog.vue b/packages/frontend-2/components/settings/ConfirmDialog.vue
similarity index 73%
rename from packages/frontend-2/components/settings/workspaces/security/ConfirmJoinPolicyDialog.vue
rename to packages/frontend-2/components/settings/ConfirmDialog.vue
index b09d000a6..329f70aca 100644
--- a/packages/frontend-2/components/settings/workspaces/security/ConfirmJoinPolicyDialog.vue
+++ b/packages/frontend-2/components/settings/ConfirmDialog.vue
@@ -1,21 +1,21 @@
 <template>
   <LayoutDialog
     v-model:open="isOpen"
-    title="Confirm change"
+    :title="title"
     max-width="xs"
     :buttons="dialogButtons"
   >
-    <p class="text-body-xs text-foreground mb-2">
-      This will allow users with verified domain emails to join automatically without
-      admin approval.
-    </p>
-    <p class="text-body-xs text-foreground">Are you sure you want to enable this?</p>
+    <slot />
   </LayoutDialog>
 </template>
 
 <script setup lang="ts">
 import type { LayoutDialogButton } from '@speckle/ui-components'
 
+defineProps<{
+  title: string
+}>()
+
 const emit = defineEmits<{
   (e: 'confirm'): void
   (e: 'cancel'): void
@@ -23,16 +23,6 @@ const emit = defineEmits<{
 
 const isOpen = defineModel<boolean>('open', { required: true })
 
-const handleConfirm = () => {
-  emit('confirm')
-  isOpen.value = false
-}
-
-const handleCancel = () => {
-  emit('cancel')
-  isOpen.value = false
-}
-
 const dialogButtons = computed((): LayoutDialogButton[] => [
   {
     text: 'Cancel',
@@ -47,4 +37,14 @@ const dialogButtons = computed((): LayoutDialogButton[] => [
     onClick: handleConfirm
   }
 ])
+
+const handleConfirm = () => {
+  emit('confirm')
+  isOpen.value = false
+}
+
+const handleCancel = () => {
+  emit('cancel')
+  isOpen.value = false
+}
 </script>
diff --git a/packages/frontend-2/pages/settings/workspaces/[slug]/security.vue b/packages/frontend-2/pages/settings/workspaces/[slug]/security.vue
index 6816b9f52..2cb063728 100644
--- a/packages/frontend-2/pages/settings/workspaces/[slug]/security.vue
+++ b/packages/frontend-2/pages/settings/workspaces/[slug]/security.vue
@@ -148,12 +148,19 @@
       :workspace-id="workspace?.id"
       :domain="removeDialogDomain"
     />
-    <SettingsWorkspacesSecurityConfirmJoinPolicyDialog
+    <SettingsConfirmDialog
       v-if="showConfirmJoinPolicyDialog"
       v-model:open="showConfirmJoinPolicyDialog"
+      title="Confirm change"
       @confirm="handleJoinPolicyConfirm"
       @cancel="pendingJoinPolicy = undefined"
-    />
+    >
+      <p class="text-body-xs text-foreground mb-2">
+        This will allow users with verified domain emails to join automatically without
+        admin approval.
+      </p>
+      <p class="text-body-xs text-foreground">Are you sure you want to enable this?</p>
+    </SettingsConfirmDialog>
   </section>
 </template>