error detail for connection errors

2026-04-19 17:46:00 +00:00 · 2021-04-25 09:00:11 +02:00
parent 41d85d4117
commit 08692dc63f
3 changed files with 54 additions and 7 deletions
--- a/packages/web/src/modals/ErrorMessageModal.svelte
+++ b/packages/web/src/modals/ErrorMessageModal.svelte
@@ -9,18 +9,25 @@

  export let title = 'Error';
  export let message;
+  export let showAsCode = false;
 </script>

 <FormProvider>
  <ModalBase {...$$restProps}>
    <div slot="header">{title}</div>

-    <div class="wrapper">
-      <div class="icon">
-        <FontIcon icon="img error" />
+    {#if showAsCode}
+      <pre>{message}</pre>
+    {:else}
+      <div class="wrapper">
+        <div class="icon">
+          <FontIcon icon="img error" />
+        </div>
+        <div>
+          {message}
+        </div>
      </div>
-      {message}
-    </div>
+    {/if}

    <div slot="footer">
      <FormSubmit value="Close" on:click={closeCurrentModal} />
@@ -38,4 +45,9 @@
    margin-right: 10px;
    font-size: 20pt;
  }
+
+  pre {
+    max-height: calc(100vh - 300px);
+    overflow-y: auto;
+  }
 </style>