From 015e7bc51d7d86ceeec07f5e185dfb072dcba2a8 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Wed, 28 Jun 2017 22:55:15 -0700
Subject: [PATCH] Add empty state to addons list

---
 panels/hassio/dashboard/hassio-addons.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/panels/hassio/dashboard/hassio-addons.html b/panels/hassio/dashboard/hassio-addons.html
index 492ec1a936..df8be11f73 100644
--- a/panels/hassio/dashboard/hassio-addons.html
+++ b/panels/hassio/dashboard/hassio-addons.html
@@ -17,6 +17,11 @@
       }
     </style>
     <paper-card heading="Installed Addons">
+      <template is='dom-if' if='[[!data.length]]'>
+        <div class='card-content'>
+          Looks like you don't have any add-ons installed yet. Head over to <a href='#' on-tap='openStore'>the add-on store</a> to get started!
+        </div>
+      </template>
       <template is='dom-repeat' items='[[data]]' as='addon'>
         <paper-item>
           <paper-item-body two-line on-tap='addonTapped'>
@@ -58,5 +63,10 @@ Polymer({
     this.fire('hassio-select-addon', { addon: this.data[ev.model.index].slug });
     ev.target.blur();
   },
+
+  openStore: function (ev) {
+    ev.preventDefault();
+    this.fire('hassio-show-page', { page: 'addon-store' });
+  }
 });
 </script>