Close dialog on dismiss

hashicorp · Oct 13, 2022 · 70281b4 · 70281b4
1 parent 6c8b3ac
commit 70281b4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/components/addon/components/hds/dialog/header.hbs b/packages/components/addon/components/hds/dialog/header.hbs
@@ -5,7 +5,7 @@
   <span class="hds-dialog__title" id={{@id}}>
     {{yield}}
   </span>
-  <button class="hds-dialog__dismiss" type="button" aria-label="Dismiss">
+  <button class="hds-dialog__dismiss" type="button" aria-label="Dismiss" {{on "click" @closeDialog}}>
     <FlightIcon @name="x" @size="16" @isInlineBlock={{false}} />
   </button>
 </div>
diff --git a/packages/components/addon/components/hds/dialog/index.js b/packages/components/addon/components/hds/dialog/index.js
@@ -11,9 +11,15 @@ export const TYPES = ['neutral', 'warning', 'critical'];
 export default class HdsDialogIndexComponent extends Component {
   @action
   setupDialog(element) {
+    this.element = element;
     element.showModal();
   }
 
+  @action
+  closeDialog() {
+    this.element.close();
+  }
+
   /**
    * Sets the size of the dialog
    * Accepted values: small, regular, large