refactored more error code

frontend/src/routes/notes/Index.svelte

@@ -3,13 +3,13 @@
     import { useTinyRouter } from 'svelte-tiny-router';
 
     import { api }           from '../../urls.svelte.js';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte.js';
     import { user }          from '../../user.svelte.js';
 
     import List   from './List.svelte';
 
     let authors  = $state({});
-    let error    = $state(null);
     let loader       = {
         offset : 0,
         limit  : 20,
@@ -22,9 +22,6 @@
         entity_id = null
     } = $props();
 
-
-
-
     async function loadNotes(){
         const url  = api(`notes?offset=${loader.offset}&limit=${loader.limit}`);
 
@@ -36,11 +33,11 @@
             authors    = {...authors, ...data.authors};
             loader.offset += loader.limit;
             loader.active  = false;
-            error = null;
+            yikes();
             if (Object.keys(data.notes).length) onscroll(null); // when notes were received, check whether they fill up the page
 
         } else {
-            error = await resp.text();
+            error(resp);
         }
     }
 
@@ -56,10 +53,10 @@
             authors[user.id]  = user;
             notes[newNote.id] = newNote;
             note              = {source:'',rendered:''};
-            error             = null;
+            yikes();
             return true;
         } else {
-            error = await resp.text();
+            error(resp);
             return false;
         }
     }
@@ -81,7 +78,4 @@
 </svelte:head>
 
 <svelte:window {onscroll} />
-{#if error}
-<span class="error">{error}</span>
-{/if}
 <List {notes} />

frontend/src/routes/notes/List.svelte

@@ -2,13 +2,13 @@
     import { useTinyRouter } from 'svelte-tiny-router';
 
     import { api }           from '../../urls.svelte.js';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte.js';
     import { user }          from '../../user.svelte.js';
 
     import Editor from '../../Components/MarkdownEditor.svelte';
 
     let { authors, module, notes = $bindable() }  = $props();
-    let error = $state(null);
     const router = useTinyRouter();
 
     async function drop(nid){
@@ -19,10 +19,10 @@
             method      : 'DELETE'
         });
         if (resp.ok) {
-            error = false;
+            yikes();
             notes = notes.filter((itm,idx) => itm.id != nid);
         } else {
-            error = await resp.text();
+            error(resp);
         }
     }
 
@@ -46,10 +46,10 @@
             body        : src
         });
         if (resp.ok) {
-            error = false;
+            yikes();
             return true;
         } else {
-            error = await resp.text();
+            error(resp);
             return false;
         }
     }

frontend/src/routes/notes/RelatedNotes.svelte

@@ -3,6 +3,7 @@
     import { useTinyRouter } from 'svelte-tiny-router';
 
     import { api }           from '../../urls.svelte.js';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte.js';
     import { user }          from '../../user.svelte.js';
 
@@ -10,7 +11,6 @@
     import List   from './List.svelte';
 
     let authors  = $state(null);
-    let error    = $state(null);
     let note     = $state({source:null,rendered:null});
     let notes    = $state(null);
     const router = useTinyRouter();
@@ -27,10 +27,10 @@
             method      : 'DELETE'
         });
         if (resp.ok) {
-            error = false;
+            yikes();
             delete notes[nid];
         } else {
-            error = await resp.text();
+            error(resp);
         }
     }
 
@@ -46,7 +46,7 @@
             notes      = Object.values(data.notes).sort((a, b) => a.id - b.id);
             authors    = data.authors;
         } else {
-            error = await resp.text();
+            error(resp);
         }
     }
 
@@ -61,12 +61,12 @@
             let newNote       = await resp.json();
             authors[user.id]  = user;
             notes.push(newNote);
-            error             = null;
+            yikes();
             note.source       = null;
             note.rendered     = null;
             return true;
         } else {
-            error = await resp.text();
+            error(resp);
             return false;
         }
     }
@@ -79,10 +79,10 @@
             body        : src
         });
         if (resp.ok) {
-            error = false;
+            yikes();
             return true;
         } else {
-            error = await resp.text();
+            error(resp);
             return true;
         }
     }
@@ -90,9 +90,6 @@
     onMount(load);
 </script>
 
-{#if error}
-<span class="error">{error}</span>
-{/if}
 <List {authors} {module} {notes} />
 <div class="editor">
 <Editor simple={true} bind:value={note} onSet={saveNote} />