\n \n

\n );\n }\n\n return (\n

\n {/* Navigation Bar */}\n setShowForm(true)}\n cardHeight={cardHeight}\n onCardHeightChange={setCardHeight}\n onExportNotes={exportNotes}\n background={background}\n onBackgroundChange={setBackground}\n backgroundOptions={BACKGROUND_OPTIONS}\n />\n\n {/* Main Content with Sidebar */}\n

\n {/* Category Sidebar */}\n \n\n {/* Notes Area */}\n

\n {/* Section Filter Bar */}\n \n\n {sortedGroupEntries().map(([groupKey, groupNotes]) => (\n

\n {filters.groupBy && (\n

\n {groupKey || \"Ungrouped\"}\n

\n )}\n \n

\n {groupNotes.map(note => (\n \n ))}\n

\n ))}\n\n {filteredNotes.length === 0 && (\n

\n {filters.archived ? \"No archived notes found\" : \"No notes found\"}\n

\n )}\n

{/* End Notes Area */}\n

\n\n {/* Note Form Modal */}\n {\n setShowForm(false);\n setEditingNote(null);\n }}\n isOpen={showForm || !!editingNote}\n />\n\n {/* QuickLook Modal */}\n \n\n {/* Toast Notifications */}\n \n\n {/* Footer */}\n \n

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