Change to ha-fab and add label (#343)

hacs · Dec 5, 2020 · 8eed003 · 8eed003
1 parent 59c41b6
commit 8eed003
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git 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
diff --git 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
@@ -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>`;
   }