{note.title}

\n \n

\n\n {/* Modal Body */}\n

\n {/* Note Content - Large Terminal-like Display */}\n

\n {/* Terminal Header */}\n

\n {/* Traffic Lights */}\n

\n\n {/* Terminal Title - Show truncated note title */}\n

\n \n {note.title.length > 50 ? `${note.title.substring(0, 50)}...` : note.title}\n \n

\n\n {/* Action Buttons */}\n

\n \n \n

\n\n {/* Terminal Content */}\n

\n                  {note.content}\n

\n\n {/* Metadata Sidebar */}\n

Note Details

\n \n {/* Metadata Table */}\n

\n Category:\n {note.category}\n

\n Section:\n {note.section}\n

\n Color:\n {note.color}\n

\n Created:\n {formatDate(note.created_at)}\n

\n {note.updated_at !== note.created_at && (\n

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

\n )}\n {note.archived && (\n

\n Status:\n Archived\n

\n )}\n

\n\n {/* Action Buttons */}\n

\n \n \n {note.archived ? (\n \n ) : (\n \n )}\n \n \n

\n \n );\n} ","deleted","label",[168,169,151],"frontend","components","permalink","https://www.val.town/x/arfan/summer-notes-v1/code/frontend/components/QuickLook.tsx","extension","actionData","errors"]