From 746844dfc85469a18acee8bc399877add86d23b0 Mon Sep 17 00:00:00 2001
From: Ludeeus <ludeeus@ludeeus.dev>
Date: Tue, 11 Aug 2020 12:15:08 +0000
Subject: [PATCH] Only show diagnostics if healthy

---
 hassio/src/system/hassio-supervisor-info.ts | 38 +++++++++++----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index 0452bd5188..71b21423e0 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -61,24 +61,26 @@ class HassioSupervisorInfo extends LitElement {
             </tbody>
           </table>
           <div class="options">
-            <ha-settings-row>
-              <span slot="heading">
-                Share Diagnostics
-              </span>
-              <div slot="description" class="diagnostics-description">
-                Share crash reports and diagnostic information.
-                <button
-                  class="link"
-                  @click=${this._diagnosticsInformationDialog}
-                >
-                  Learn more
-                </button>
-              </div>
-              <ha-switch
-                .checked=${this.supervisorInfo.diagnostics}
-                @change=${this._toggleDiagnostics}
-              ></ha-switch>
-            </ha-settings-row>
+            ${this.supervisorInfo?.healthy
+              ? html` <ha-settings-row>
+                  <span slot="heading">
+                    Share Diagnostics
+                  </span>
+                  <div slot="description" class="diagnostics-description">
+                    Share crash reports and diagnostic information.
+                    <button
+                      class="link"
+                      @click=${this._diagnosticsInformationDialog}
+                    >
+                      Learn more
+                    </button>
+                  </div>
+                  <ha-switch
+                    .checked=${this.supervisorInfo.diagnostics}
+                    @change=${this._toggleDiagnostics}
+                  ></ha-switch>
+                </ha-settings-row>`
+              : ""}
           </div>
           ${this._errors
             ? html` <div class="errors">Error: ${this._errors}</div> `