From 8eed003d303e0fb411d4488f06b892980d78dbaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Sat, 5 Dec 2020 14:38:59 +0100
Subject: [PATCH] Change to ha-fab and add label (#343)

---
 .devcontainer/devcontainer.json |  5 ++++-
 homeassistant-frontend          |  2 +-
 src/localize/languages/en.json  |  1 +
 src/panels/hacs-store-panel.ts  | 13 +++++++++----
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index fc67e384..f0768770 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -22,6 +22,9 @@
     "editor.formatOnPaste": false,
     "editor.formatOnSave": true,
     "editor.formatOnType": true,
-    "files.trimTrailingWhitespace": true
+    "files.trimTrailingWhitespace": true,
+    "[typescript]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
   }
 }
diff --git a/homeassistant-frontend b/homeassistant-frontend
index 7e6153ba..c10dca9c 160000
--- a/homeassistant-frontend
+++ b/homeassistant-frontend
@@ -1 +1 @@
-Subproject commit 7e6153ba7dd931386a864a41d5af82e7e95939b9
+Subproject commit c10dca9c7b9fca18b1c423df2429e20011c0bd31
diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json
index 2b5e9619..b5d72df3 100644
--- a/src/localize/languages/en.json
+++ b/src/localize/languages/en.json
@@ -154,6 +154,7 @@
     "upgrade_all": "Upgrade all"
   },
   "store": {
+    "add": "Explore & add repositories",
     "ascending": "ascending",
     "clear_new": "Clear all new repositories",
     "descending": "descending",
diff --git a/src/panels/hacs-store-panel.ts b/src/panels/hacs-store-panel.ts
index b4a839b3..1763c9df 100644
--- a/src/panels/hacs-store-panel.ts
+++ b/src/panels/hacs-store-panel.ts
@@ -1,9 +1,9 @@
-import "@material/mwc-fab";
 import { mdiPlus } from "@mdi/js";
 import { css, customElement, html, LitElement, property, TemplateResult } from "lit-element";
 import memoizeOne from "memoize-one";
 import "../../homeassistant-frontend/src/common/search/search-input";
 import "../../homeassistant-frontend/src/components/ha-card";
+import "../../homeassistant-frontend/src/components/ha-fab";
 import "../../homeassistant-frontend/src/layouts/hass-tabs-subpage";
 import { HomeAssistant, Route } from "../../homeassistant-frontend/src/types";
 import "../components/hacs-fab";
@@ -160,9 +160,14 @@ export class HacsStorePanel extends LitElement {
             : this._renderRepositories()}
         </div>
       </div>
-      <mwc-fab ?is-wide=${this.isWide} ?narrow=${this.narrow} @click=${this._addRepository}>
-        <ha-svg-icon slot="icon" path=${mdiPlus}></ha-svg-icon>
-      </mwc-fab>
+      <ha-fab
+        slot="fab"
+        .label=${this.hacs.localize("store.add")}
+        extended
+        @click=${this._addRepository}
+      >
+        <ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
+      </ha-fab>
     </hass-tabs-subpage>`;
   }