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 1/3] 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> `

From 2bb64e9e2fd5092f4d31f7308e1264d0577c69a4 Mon Sep 17 00:00:00 2001
From: Ludeeus <ludeeus@ludeeus.dev>
Date: Tue, 11 Aug 2020 12:28:35 +0000
Subject: [PATCH 2/3] Use supported instead

---
 hassio/src/system/hassio-supervisor-info.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index 71b21423e0..189738ea09 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -61,7 +61,7 @@ class HassioSupervisorInfo extends LitElement {
             </tbody>
           </table>
           <div class="options">
-            ${this.supervisorInfo?.healthy
+            ${this.supervisorInfo?.supported
               ? html` <ha-settings-row>
                   <span slot="heading">
                     Share Diagnostics

From 96986164a43e06924a82669f5734a913379393a2 Mon Sep 17 00:00:00 2001
From: Ludeeus <ludeeus@ludeeus.dev>
Date: Tue, 11 Aug 2020 14:12:38 +0000
Subject: [PATCH 3/3] Show error if not supported

---
 hassio/src/system/hassio-supervisor-info.ts | 23 +++++++++++++++------
 hassio/src/system/hassio-system.ts          |  1 +
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index 189738ea09..b76f791c4d 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -12,6 +12,7 @@ import {
 import { fireEvent } from "../../../src/common/dom/fire_event";
 import "../../../src/components/buttons/ha-call-api-button";
 import "../../../src/components/ha-card";
+import { HassioHostInfo as HassioHostInfoType } from "../../../src/data/hassio/host";
 import {
   HassioSupervisorInfo as HassioSupervisorInfoType,
   setSupervisorOption,
@@ -33,6 +34,8 @@ class HassioSupervisorInfo extends LitElement {
 
   @property() public supervisorInfo!: HassioSupervisorInfoType;
 
+  @property() public hostInfo!: HassioHostInfoType;
+
   @internalProperty() private _errors?: string;
 
   public render(): TemplateResult | void {
@@ -80,10 +83,22 @@ class HassioSupervisorInfo extends LitElement {
                     @change=${this._toggleDiagnostics}
                   ></ha-switch>
                 </ha-settings-row>`
-              : ""}
+              : html`<div class="error">
+                  You are running an unsupported installation.
+                  <a
+                    href="https://github.com/home-assistant/architecture/blob/master/adr/${this.hostInfo.features.includes(
+                      "hassos"
+                    )
+                      ? "0015-home-assistant-os.md"
+                      : "0014-home-assistant-supervised.md"}"
+                    target="_blank"
+                    rel="noreferrer"
+                    >Learn More</a
+                  >
+                </div>`}
           </div>
           ${this._errors
-            ? html` <div class="errors">Error: ${this._errors}</div> `
+            ? html` <div class="error">Error: ${this._errors}</div> `
             : ""}
         </div>
         <div class="card-actions">
@@ -145,10 +160,6 @@ class HassioSupervisorInfo extends LitElement {
         .info td:nth-child(2) {
           text-align: right;
         }
-        .errors {
-          color: var(--error-color);
-          margin-top: 16px;
-        }
         ha-settings-row {
           padding: 0;
         }
diff --git a/hassio/src/system/hassio-system.ts b/hassio/src/system/hassio-system.ts
index 00a304ed03..3a52347a08 100644
--- a/hassio/src/system/hassio-system.ts
+++ b/hassio/src/system/hassio-system.ts
@@ -56,6 +56,7 @@ class HassioSystem extends LitElement {
           <div class="card-group">
             <hassio-supervisor-info
               .hass=${this.hass}
+              .hostInfo=${this.hostInfo}
               .supervisorInfo=${this.supervisorInfo}
             ></hassio-supervisor-info>
             <hassio-host-info