From 5dbd5c7395b3a12d75df7d5b8df968a9af25e323 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Wed, 10 Apr 2019 15:38:33 -0700
Subject: [PATCH] Fix hassio unavailable dashboard & update card

---
 hassio/src/components/hassio-card-content.ts |  6 ++++--
 hassio/src/dashboard/hassio-hass-update.js   | 21 ++++----------------
 2 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/hassio/src/components/hassio-card-content.ts b/hassio/src/components/hassio-card-content.ts
index d3ebefab48..3e9de6c253 100644
--- a/hassio/src/components/hassio-card-content.ts
+++ b/hassio/src/components/hassio-card-content.ts
@@ -17,7 +17,7 @@ class HassioCardContent extends LitElement {
   @property() public hass!: HomeAssistant;
   @property() public title!: string;
   @property() public description?: string;
-  @property({ type: Boolean }) public available: boolean = true;
+  @property({ type: Boolean }) public available?: boolean;
   @property() public datetime?: string;
   @property() public iconTitle?: string;
   @property() public iconClass?: string;
@@ -33,7 +33,9 @@ class HassioCardContent extends LitElement {
       <div>
         <div class="title">${this.title}</div>
         <div class="addition">
-          ${this.description} ${this.available ? undefined : " (Not available"}
+          ${this.description}
+          ${/* treat as available when undefined */
+          this.available === false ? " (Not available)" : ""}
           ${this.datetime
             ? html`
                 <ha-relative-time
diff --git a/hassio/src/dashboard/hassio-hass-update.js b/hassio/src/dashboard/hassio-hass-update.js
index aff95e523a..d401ec5840 100644
--- a/hassio/src/dashboard/hassio-hass-update.js
+++ b/hassio/src/dashboard/hassio-hass-update.js
@@ -26,26 +26,13 @@ class HassioHassUpdate extends PolymerElement {
       <template is="dom-if" if="[[computeUpdateAvailable(hassInfo)]]">
         <div class="content">
           <div class="card-group">
-            <div class="title">Update available! 🎉</div>
-            <paper-card>
+            <paper-card heading="Update available! 🎉">
               <div class="card-content">
-                <hassio-card-content
-                  hass="[[hass]]"
-                  title="Home Assistant [[hassInfo.last_version]] is available"
-                  description="You are currently running version [[hassInfo.version]]"
-                  icon="hassio:home-assistant"
-                  icon-class="hassupdate"
-                ></hassio-card-content>
+                Home Assistant [[hassInfo.last_version]] is available and you
+                are currently running Home Assistant [[hassInfo.version]].
                 <template is="dom-if" if="[[error]]">
                   <div class="error">Error: [[error]]</div>
                 </template>
-                <p>
-                  <a
-                    href="https://www.home-assistant.io/latest-release-notes/"
-                    target="_blank"
-                    >Read the release notes</a
-                  >
-                </p>
               </div>
               <div class="card-actions">
                 <ha-call-api-button
@@ -54,7 +41,7 @@ class HassioHassUpdate extends PolymerElement {
                   >Update</ha-call-api-button
                 >
                 <a
-                  href="https://github.com/home-assistant/home-assistant/releases"
+                  href="https://www.home-assistant.io/latest-release-notes/"
                   target="_blank"
                   ><mwc-button>Release notes</mwc-button></a
                 >