fix: add ui when no device is connected

fixes #60

src/i18n/de/index.ts

@@ -59,6 +59,7 @@ const de = {
     DISCONNECT: "Entfernen",
     TERMINAL: "Konsole",
     APPLY_SETTINGS: "Änderungen auf das Gerät brennen",
+    NO_DEVICE: "Kein Gerät verbunden",
     bootMenu: {
       TITLE: "Bootmenü",
       REBOOT: "Neustarten",

src/i18n/en/index.ts

@@ -58,6 +58,7 @@ const en = {
     DISCONNECT: "Disconnect",
     TERMINAL: "Terminal",
     APPLY_SETTINGS: "Flash changes to device",
+    NO_DEVICE: "No device connected",
     bootMenu: {
       TITLE: "Boot Menu",
       REBOOT: "Reboot",

src/routes/config/+layout.svelte

@@ -0,0 +1,17 @@
+<script>
+  import {serialPort} from "$lib/serial/connection"
+  import {LL} from "../../i18n/i18n-svelte"
+</script>
+
+{#if $serialPort}
+  <slot />
+{:else}
+  <p>{$LL.deviceManager.NO_DEVICE()}</p>
+{/if}
+
+<style lang="scss">
+  p {
+    margin: auto;
+    opacity: 0.4;
+  }
+</style>