Add clear button to Assist debug page (#23774)

* Add clear button to Assist debug page * Move destructive to ha-button
home-assistant · Jan 18, 2025 · d67c463 · d67c463
1 parent 8efaf2b
commit d67c463
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/ha-button.ts b/src/components/ha-button.ts
@@ -23,6 +23,9 @@ export class HaButton extends Button {
       .slot-container {
         overflow: var(--button-slot-container-overflow, visible);
       }
+      :host([destructive]) {
+        --mdc-theme-primary: var(--error-color);
+      }
     `,
   ];
 }

diff --git a/src/panels/developer-tools/assist/developer-tools-assist.ts b/src/panels/developer-tools/assist/developer-tools-assist.ts
@@ -1,4 +1,4 @@
-import { mdiDownload } from "@mdi/js";
+import { mdiDownload, mdiTrashCan } from "@mdi/js";
 import { dump } from "js-yaml";
 import type { CSSResultGroup } from "lit";
 import { LitElement, css, html, nothing } from "lit";
@@ -162,6 +162,10 @@ class HaPanelDevAssist extends SubscribeMixin(LitElement) {
         ${this._results.length
           ? html`
               <div class="result-toolbar">
+                <ha-button outlined @click=${this._clear} destructive>
+                  <ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon>
+                  ${this.hass.localize("ui.common.clear")}
+                </ha-button>
                 <ha-button outlined @click=${this._download}>
                   <ha-svg-icon slot="icon" .path=${mdiDownload}></ha-svg-icon>
                   ${this.hass.localize(
@@ -221,6 +225,10 @@ class HaPanelDevAssist extends SubscribeMixin(LitElement) {
     );
   }
 
+  private _clear() {
+    this._results = [];
+  }
+
   static get styles(): CSSResultGroup {
     return [
       haStyle,