Fix more dialogs (#23273)

* Remove unneeded close dialog calls

* more

src/dialogs/voice-command-dialog/ha-voice-command-dialog.ts

@@ -142,7 +142,7 @@ export class HaVoiceCommandDialog extends LitElement {
               ${this.hass.user?.is_admin
                 ? html`<li divider role="separator"></li>
                     <a href="/config/voice-assistants/assistants"
-                      ><ha-list-item @click=${this.closeDialog}
+                      ><ha-list-item
                         >${this.hass.localize(
                           "ui.dialogs.voice_command.manage_assistants"
                         )}</ha-list-item

src/panels/calendar/dialog-calendar-event-detail.ts

@@ -50,7 +50,7 @@ class DialogCalendarEventDetail extends LitElement {
     }
   }
 
-  private _closeDialog(): void {
+  public closeDialog(): void {
     this._calendarId = undefined;
     this._params = undefined;
     fireEvent(this, "dialog-closed", { dialog: this.localName });
@@ -64,7 +64,7 @@ class DialogCalendarEventDetail extends LitElement {
     return html`
       <ha-dialog
         open
-        @closed=${this._closeDialog}
+        @closed=${this.closeDialog}
         scrimClickAction
         escapeKeyAction
         .heading=${createCloseHeading(this.hass, this._data!.summary)}
@@ -177,7 +177,7 @@ class DialogCalendarEventDetail extends LitElement {
 
   private async _editEvent() {
     showCalendarEventEditDialog(this, this._params!);
-    this._closeDialog();
+    this.closeDialog();
   }
 
   private async _deleteEvent() {
@@ -227,7 +227,7 @@ class DialogCalendarEventDetail extends LitElement {
       this._submitting = false;
     }
     await this._params!.updated();
-    this._closeDialog();
+    this.closeDialog();
   }
 
   static get styles(): CSSResultGroup {

src/panels/config/person/dialog-person-detail.ts

@@ -33,6 +33,8 @@ import { documentationUrl } from "../../../util/documentation-url";
 import { showAddUserDialog } from "../users/show-dialog-add-user";
 import { showAdminChangePasswordDialog } from "../users/show-dialog-admin-change-password";
 import type { PersonDetailDialogParams } from "./show-dialog-person-detail";
+import { fireEvent } from "../../../common/dom/fire_event";
+import type { HassDialog } from "../../../dialogs/make-dialog-manager";
 
 const includeDomains = ["device_tracker"];
 
@@ -42,7 +44,7 @@ const cropOptions: CropOptions = {
   aspectRatio: 1,
 };
 
-class DialogPersonDetail extends LitElement {
+class DialogPersonDetail extends LitElement implements HassDialog {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
   @state() private _name!: string;
@@ -101,6 +103,20 @@ class DialogPersonDetail extends LitElement {
     await this.updateComplete;
   }
 
+  public closeDialog() {
+    // If we do not have a person ID yet (= person creation dialog was just cancelled), but
+    // we already created a user ID for it, delete it now to not have it "free floating".
+    if (!this._personExists && this._userId) {
+      const callback = this._params?.refreshUsers;
+      deleteUser(this.hass, this._userId).then(() => {
+        callback?.();
+      });
+      this._userId = undefined;
+    }
+    this._params = undefined;
+    fireEvent(this, "dialog-closed", { dialog: this.localName });
+  }
+
   protected render() {
     if (!this._params) {
       return nothing;
@@ -109,7 +125,7 @@ class DialogPersonDetail extends LitElement {
     return html`
       <ha-dialog
         open
-        @closed=${this._close}
+        @closed=${this.closeDialog}
         scrimClickAction
         escapeKeyAction
         .heading=${createCloseHeading(
@@ -163,7 +179,7 @@ class DialogPersonDetail extends LitElement {
             </ha-settings-row>
 
             ${this._renderUserFields()}
-            ${this._deviceTrackersAvailable(this.hass)
+            ${!this._deviceTrackersAvailable(this.hass)
               ? html`
                   <p>
                     ${this.hass.localize(
@@ -205,10 +221,7 @@ class DialogPersonDetail extends LitElement {
                       >
                     </li>
                     <li>
-                      <a
+                      <a @click=${this.closeDialog} href="/config/integrations">
-                        @click=${this._closeDialog}
-                        href="/config/integrations"
-                      >
                         ${this.hass!.localize(
                           "ui.panel.config.person.detail.link_integrations_page"
                         )}</a
@@ -329,10 +342,6 @@ class DialogPersonDetail extends LitElement {
     `;
   }
 
-  private _closeDialog() {
-    this._params = undefined;
-  }
-
   private _nameChanged(ev) {
     this._error = undefined;
     this._name = ev.target.value;
@@ -496,7 +505,7 @@ class DialogPersonDetail extends LitElement {
         await this._params!.createEntry(values);
         this._personExists = true;
       }
-      this._params = undefined;
+      this.closeDialog();
     } catch (err: any) {
       this._error = err ? err.message : "Unknown error";
     } finally {
@@ -511,25 +520,13 @@ class DialogPersonDetail extends LitElement {
         if (this._params!.entry!.user_id) {
           deleteUser(this.hass, this._params!.entry!.user_id);
         }
-        this._params = undefined;
+        this.closeDialog();
       }
     } finally {
       this._submitting = false;
     }
   }
 
-  private _close(): void {
-    // If we do not have a person ID yet (= person creation dialog was just cancelled), but
-    // we already created a user ID for it, delete it now to not have it "free floating".
-    if (!this._personExists && this._userId) {
-      deleteUser(this.hass, this._userId);
-      this._params?.refreshUsers();
-      this._userId = undefined;
-    }
-
-    this._params = undefined;
-  }
-
   static get styles(): CSSResultGroup {
     return [
       haStyleDialog,

src/panels/config/voice-assistants/dialog-voice-assistant-pipeline-detail.ts

@@ -181,11 +181,7 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
                   ${this.hass.localize(
                     "ui.panel.config.voice_assistants.assistants.pipeline.detail.no_cloud_message"
                   )}
-                  <a
+                  <a href="/config/cloud" slot="action">
-                    href="/config/cloud"
-                    slot="action"
-                    @click=${this.closeDialog}
-                  >
                     <ha-button>
                       ${this.hass.localize(
                         "ui.panel.config.voice_assistants.assistants.pipeline.detail.no_cloud_action"