Remove placeholder in keymap-tab

src/components/popover/tab/keymap/keymap-tab.component.html

@@ -1,3 +1,7 @@
+<template [ngIf]="keymapOptions.length === 0">
+    <span> No keymaps are available to choose from. Create a keymap first! </span>
+</template>
+<template [ngIf]="keymapOptions.length > 0">
     <div>
         <b>Switch to keymap:</b>
         <select2
@@ -15,3 +19,4 @@
                     [moduleConfig]="selectedKeymap.layers[0].modules">
         </svg-keyboard>
     </div>
+</template>

src/components/popover/tab/keymap/keymap-tab.component.scss

@@ -2,6 +2,10 @@
     display: flex;
     flex-direction: column;
 
+    > span {
+        text-align: center;
+    }
+
     > div {
         display: flex;
         margin-top: 2px;

src/components/popover/tab/keymap/keymap-tab.component.ts

@@ -31,15 +31,9 @@ export class KeymapTabComponent implements OnInit, Tab {
                     text: keymap.name
                 };
             });
-
+        if (this.keymaps.length > 0) {
-        this.keymapOptions = [
+            this.selectedKeymap = this.keymaps[0];
-            {
+        }
-                id: '-1',
-                text: 'Switch to keymap'
-            },
-            ...this.keymapOptions
-        ];
-
         this.fromKeyAction(this.defaultKeyAction);
     }