Wrap error messages in a separate component

ssciwr · Jul 18, 2024 · d2fffee · d2fffee
1 parent e887ca0
commit d2fffee
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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}