diff --git a/index.html b/index.html
index da80586..44d3e95 100644
--- a/index.html
+++ b/index.html
@@ -463,34 +463,31 @@
     if (!txt) { document.getElementById('note-input').focus(); return; }
     const btn = document.querySelector('.btn-note-add');
     btn.disabled = true;
-    const r = await notesApi('add', { text: txt, detail: det });
+    await notesApi('add', { text: txt, detail: det });
     btn.disabled = false;
-    if (r.ok) {
-      _notes.unshift(r.note);
-      document.getElementById('note-input').value  = '';
-      document.getElementById('note-detail').value = '';
-      document.getElementById('note-detail').style.display = 'none';
-      document.getElementById('note-detail-toggle').textContent = '+ Add details';
-      renderNotes();
-    }
+    document.getElementById('note-input').value  = '';
+    document.getElementById('note-detail').value = '';
+    document.getElementById('note-detail').style.display = 'none';
+    document.getElementById('note-detail-toggle').textContent = '+ Add details';
+    await fetchNotes();
   }
 
   async function toggleNote(id) {
     _notes = _notes.map(n => n.id === id ? {...n, done: !n.done} : n);
     renderNotes();
-    await notesApi('toggle', { id });
+    notesApi('toggle', { id }).then(fetchNotes);
   }
 
   async function deleteNote(id) {
     _notes = _notes.filter(n => n.id !== id);
     renderNotes();
-    await notesApi('delete', { id });
+    notesApi('delete', { id }).then(fetchNotes);
   }
 
   async function clearDone() {
     _notes = _notes.filter(n => !n.done);
     renderNotes();
-    await notesApi('clear-done');
+    notesApi('clear-done').then(fetchNotes);
   }
 
   function toggleDetail() {