From d2fffee71fbbb5223869aa8c6f04afde859cd596 Mon Sep 17 00:00:00 2001
From: Dominic Kempf <dominic.kempf@iwr.uni-heidelberg.de>
Date: Thu, 18 Jul 2024 16:29:50 +0200
Subject: [PATCH] Wrap error messages in a separate component

---
 src/components/FieldDispatch.svelte             |  3 ++-
 src/components/NotImplemented.svelte            | 13 +++++++++++++
 src/components/RecursiveEasyDBDetailView.svelte |  3 ++-
 3 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/components/NotImplemented.svelte

diff --git a/src/components/FieldDispatch.svelte b/src/components/FieldDispatch.svelte
index 235b916..e5c41b1 100644
--- a/src/components/FieldDispatch.svelte
+++ b/src/components/FieldDispatch.svelte
@@ -11,6 +11,7 @@
   import OnelineL10nTextField from "./OnelineL10nTextField.svelte";
   import OnelineTextField from "./OnelineTextField.svelte";
   import TextField from "./TextField.svelte";
+  import NotImplemented from "./NotImplemented.svelte";
 
   export let field;
   export let data;
@@ -47,7 +48,7 @@
       {:else if fieldtype === "text_oneline" }
         <OnelineTextField data={data} field={field} table={table}/>
       {:else}
-        Field Type {fieldtype} not yet implemented.
+        <NotImplemented message="Field Type {fieldtype} not yet implemented." />
       {/if}
     </P>
   {/if}
diff --git a/src/components/NotImplemented.svelte b/src/components/NotImplemented.svelte
new file mode 100644
index 0000000..9c42b0a
--- /dev/null
+++ b/src/components/NotImplemented.svelte
@@ -0,0 +1,13 @@
+<script>
+  import { P } from "flowbite-svelte";
+
+  export let message;
+
+  console.warn(message);
+</script>
+
+<div class="easydb-not-implemented">
+  <P class="bg-red-100">
+    {message}
+  </P>
+</div>
diff --git a/src/components/RecursiveEasyDBDetailView.svelte b/src/components/RecursiveEasyDBDetailView.svelte
index e36269c..39a6d9b 100644
--- a/src/components/RecursiveEasyDBDetailView.svelte
+++ b/src/components/RecursiveEasyDBDetailView.svelte
@@ -11,6 +11,7 @@
   import Tabs from "./Tabs.svelte";
   import TabItem from "./TabItem.svelte";
   import FieldLabel from "./FieldLabel.svelte";
+  import NotImplemented from "./NotImplemented.svelte";
 
   export let fields;
   export let data;
@@ -127,7 +128,7 @@
     <Link field={firstField} data={data} table={table}/>
     <svelte:self fields={fields.slice(1)} data={data} table={table} label={label}/>
   {:else}
-    <p>Mask element of kind {firstField.kind} not yet implemented.</p>
+    <NotImplemented message="Mask element of kind {firstField.kind} not yet implemented" />
     <svelte:self fields={fields.slice(1)} data={data} table={table} label={label}/>
   {/if}
 {/if}