From 930d9891904b0d84971f3e80af264debf3a63170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kiss=20R=C3=B3bert?= <ert78gb@gmail.com>
Date: Wed, 5 Aug 2026 20:30:42 +0200
Subject: [PATCH] style: allow @angular-eslint/template/alt-text-error rule

---
 packages/uhk-web/eslint.config.mjs                    |  1 -
 .../popover/tab/keymap/keymap-tab.component.html      |  3 ---
 .../popover/tab/keymap/keymap-tab.component.scss      | 11 -----------
 .../reducers/calculate-layer-options-of-keymap.ts     |  5 +++++
 4 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/packages/uhk-web/eslint.config.mjs b/packages/uhk-web/eslint.config.mjs
index 1f504d42db9..c8a011f860f 100644
--- a/packages/uhk-web/eslint.config.mjs
+++ b/packages/uhk-web/eslint.config.mjs
@@ -37,7 +37,6 @@ export default tsEslint.config(
             ...angular.configs.templateAccessibility,
         ],
         rules: {
-            '@angular-eslint/template/alt-text': 'off',
             '@angular-eslint/template/click-events-have-key-events': 'off',
             '@angular-eslint/template/elements-content': 'off',
             '@angular-eslint/template/interactive-supports-focus': 'off',
diff --git a/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.html b/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.html
index 3ffaa3b9cc1..1b04af0d2b3 100644
--- a/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.html
+++ b/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.html
@@ -29,9 +29,6 @@
         </ng-select>
     </div>
     <div class="keymap-container">
-        <div class="empty" *ngIf="!selectedKeymap?.abbreviation">
-            <img src="assets/images/base-layer--blank.svg">
-        </div>
         <svg-keyboard *ngIf="selectedKeymap?.abbreviation"
                       [moduleConfig]="selectedKeymap.layers[0].modules"
                       [embedded]="true"
diff --git a/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.scss b/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.scss
index b52053a3d0c..55038271208 100644
--- a/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.scss
+++ b/packages/uhk-web/src/app/components/popover/tab/keymap/keymap-tab.component.scss
@@ -35,14 +35,3 @@
     padding: 1rem;
     background-color: var(--color-keymap-tab-background);
 }
-
-.empty {
-    display: flex;
-
-    img {
-        display: flex;
-        width: 100%;
-        height: 100%;
-        position: relative;
-    }
-}
diff --git a/packages/uhk-web/src/app/store/reducers/calculate-layer-options-of-keymap.ts b/packages/uhk-web/src/app/store/reducers/calculate-layer-options-of-keymap.ts
index addfdfa9d8c..6adff165a8e 100644
--- a/packages/uhk-web/src/app/store/reducers/calculate-layer-options-of-keymap.ts
+++ b/packages/uhk-web/src/app/store/reducers/calculate-layer-options-of-keymap.ts
@@ -6,6 +6,11 @@ import { initLayerOptions } from './layer-options';
 export function calculateLayerOptionsOfKeymap(keymap: Keymap): Map<number, LayerOption> {
     const layerOptions = initLayerOptions();
 
+    // it can happen when the user changes the URL to invalid keymap abbreviation
+    if (!keymap) {
+        return layerOptions;
+    }
+
     for (const layer of keymap.layers) {
         layerOptions.get(layer.id).selected = true;
     }