Hide sprint tab when no sprint (#275)

marcokreeft87 · Aug 5, 2023 · 5376b53 · 5376b53
1 parent 4016f1e
commit 5376b53
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 14 deletions.
diff --git a/formulaone-card.js b/formulaone-card.js
diff --git a/formulaone-card.js.gz b/formulaone-card.js.gz
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "formulaone-card",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "description": "Frontend card for Home Assistant to display Formula One data",
   "main": "index.js",
   "scripts": {

diff --git a/src/cards/results.ts b/src/cards/results.ts
@@ -51,7 +51,8 @@ export default class Results extends BaseCard {
         }, {
             title: 'Sprint',
             icon: this.icon('sprint'),
-            content: this.renderSprint(selectedRace)
+            content: this.renderSprint(selectedRace),
+            hide: !selectedRace?.SprintResults
         }];
 
         return tabs;
@@ -221,7 +222,7 @@ export default class Results extends BaseCard {
                                 @MDCTabBar:activated=${(ev: mwcTabBarEvent) => 
                                     (this.setSelectedTabIndex(ev.detail.index))}
                             >
-                            ${tabs.map(
+                            ${tabs.filter(tab => !tab.hide).map(
                                 (tab) =>  html`
                                         <mwc-tab
                                         ?hasImageIcon=${tab.icon}
@@ -235,7 +236,7 @@ export default class Results extends BaseCard {
                             </mwc-tab-bar>
                             <section>
                                 <article>
-                                ${tabs.find((_, index) => index == selectedTabIndex).content}
+                                ${tabs.filter(tab => !tab.hide).find((_, index) => index == selectedTabIndex).content}
                                 </article>
                             </section>
                             </td>

diff --git a/src/types/formulaone-card-types.ts b/src/types/formulaone-card-types.ts
@@ -129,7 +129,8 @@ export interface ActionHandlerElement extends HTMLElement {
 export interface FormulaOneCardTab {
     title: string
     icon: string
-    content: HTMLTemplateResult
+    content: HTMLTemplateResult,
+    hide?: boolean
 }
 
 export interface SelectChangeEvent {

diff --git a/tests/cards/results.test.ts b/tests/cards/results.test.ts