\n {/* Header */}\n

📝 Jotter

\n \n \n New\n \n

\n \n \n

\n\n {/* Filters */}\n \n\n {/* Notes List */}\n

\n {filteredNotes.length === 0 ? (\n

📄

\n {notes.length === 0 ? (\n <>\n

No notes yet

Create your first note to get started

\n \n ) : (\n <>\n

No notes match your filters

Try adjusting your filter settings

\n \n )}\n

\n ) : (\n

\n {filteredNotes.map((note) => (\n onSelectNote(note)}\n className={`note-item p-4 cursor-pointer transition-colors ${\n selectedNoteId === note.id ? 'active' : ''\n }`}\n >\n

\n {note.title || \"Untitled\"}\n

\n {note.is_completed && ✅}\n

\n \n {/* Labels */}\n

\n \n {IMPORTANCE_LABELS[note.importance].emoji}\n {IMPORTANCE_LABELS[note.importance].label}\n \n \n {TIME_FRAME_LABELS[note.time_frame].emoji}\n {TIME_FRAME_LABELS[note.time_frame].label}\n \n

\n \n

\n {truncateContent(note.content) || \"No content\"}\n

\n {formatDate(note.updated_at)}\n

\n \n {\n e.stopPropagation();\n onDeleteNote(note.id);\n }}\n className=\"ml-2 p-1 text-gray-400 hover:text-red-500 transition-colors\"\n title=\"Delete note\"\n >\n \n \n

\n ))}\n

\n )}\n

\n \n );\n}","deleted","label",[179,180,161],"frontend","components","permalink","https://www.val.town/x/zoebee/Jotter/code/frontend/components/NotesList.tsx","extension","actionData","errors"]