From d37e53b1a942e27284308d8e4b9e06dbf8bc1edd Mon Sep 17 00:00:00 2001
From: Jose Olarte III <jose.anomalist.design@gmail.com>
Date: Thu, 13 Nov 2025 18:10:35 +0800
Subject: [PATCH] fix: pause MembersList auto-refresh during project dialog
 interaction

Stop auto-refresh when MeetingProjectDialog opens and resume when it closes
to prevent UI conflicts during project selection.
---
 src/components/MeetingProjectDialog.vue | 12 ++++++++++++
 src/views/OnboardMeetingSetupView.vue   | 23 +++++++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/src/components/MeetingProjectDialog.vue b/src/components/MeetingProjectDialog.vue
index f9c10a58..a516cdfb 100644
--- a/src/components/MeetingProjectDialog.vue
+++ b/src/components/MeetingProjectDialog.vue
@@ -107,6 +107,7 @@ export default class MeetingProjectDialog extends Vue {
    */
   open(): void {
     this.visible = true;
+    this.emitOpen();
   }
 
   /**
@@ -114,6 +115,7 @@ export default class MeetingProjectDialog extends Vue {
    */
   close(): void {
     this.visible = false;
+    this.emitClose();
   }
 
   // Emit methods using @Emit decorator
@@ -122,6 +124,16 @@ export default class MeetingProjectDialog extends Vue {
   emitAssign(project: PlanData): PlanData {
     return project;
   }
+
+  @Emit("open")
+  emitOpen(): void {
+    // Emit when dialog opens
+  }
+
+  @Emit("close")
+  emitClose(): void {
+    // Emit when dialog closes
+  }
 }
 </script>
 
diff --git a/src/views/OnboardMeetingSetupView.vue b/src/views/OnboardMeetingSetupView.vue
index 31c4f088..79f9c4db 100644
--- a/src/views/OnboardMeetingSetupView.vue
+++ b/src/views/OnboardMeetingSetupView.vue
@@ -276,6 +276,8 @@
       :notify="$notify"
       :load-more-callback="handleLoadMoreProjects"
       @assign="handleProjectLinkAssigned"
+      @open="handleDialogOpen"
+      @close="handleDialogClose"
     />
 
     <!-- Members Section -->
@@ -308,6 +310,7 @@
       </ul>
 
       <MembersList
+        ref="membersList"
         :password="currentMeeting.password || ''"
         :show-organizer-tools="true"
         class="mt-4"
@@ -915,5 +918,25 @@ export default class OnboardMeetingView extends Vue {
       this.newOrUpdatedMeetingInputs.projectLink = "";
     }
   }
+
+  /**
+   * Handle dialog open event - stop auto-refresh in MembersList
+   */
+  handleDialogOpen(): void {
+    const membersList = this.$refs.membersList as MembersList;
+    if (membersList) {
+      membersList.stopAutoRefresh();
+    }
+  }
+
+  /**
+   * Handle dialog close event - start auto-refresh in MembersList
+   */
+  handleDialogClose(): void {
+    const membersList = this.$refs.membersList as MembersList;
+    if (membersList) {
+      membersList.startAutoRefresh();
+    }
+  }
 }
 </script>