[dyad] wrote 5 file(s)

public/js/notes.js

@@ -32,9 +32,6 @@ class NotesService {
         // Auto-save on content changes
         this.noteTitle.addEventListener('input', () => this.autoSave());
         this.noteContent.addEventListener('input', () => this.autoSave());
-        
-        // Initialize Lucide icons
-        lucide.createIcons();
     }
 
     async loadNotes() {
@@ -89,7 +86,7 @@ class NotesService {
                 <input type="checkbox" ${todo.completed ? 'checked' : ''}>
                 <span>${todo.text}</span>
                 <button class="ml-auto text-gray-400 hover:text-red-500">
-                    <i data-lucide="x"></i>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                 </button>
             `;
             
@@ -101,7 +98,6 @@ class NotesService {
             
             this.todosList.appendChild(todoElement);
         });
-        lucide.createIcons();
     }
 
     renderImages() {
@@ -112,7 +108,7 @@ class NotesService {
             imageElement.innerHTML = `
                 <img src="/uploads/${image.filename}" alt="Note image">
                 <button class="delete-btn">
-                    <i data-lucide="x"></i>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                 </button>
             `;
             
@@ -121,7 +117,6 @@ class NotesService {
             
             this.imagesList.appendChild(imageElement);
         });
-        lucide.createIcons();
     }
 
     async createNewNote() {