\n {/* Navbar Start */}\n

\n {config.title}\n

\n\n {/* Navbar Center intentionally left blank (previously held filters) */}\n

\n\n {/* Navbar End with Settings & Add Note */}\n

\n {/* Settings Dropdown (moved from center) */}\n

\n \n

Settings & Options

\n \n {/* Group By */}\n

\n Group By\n

\n \n

\n handleFilterChange(\"groupBy\", \"\")}\n />\n No Grouping\n

\n \n \n

\n handleFilterChange(\"groupBy\", \"category\")}\n />\n Group by Category\n

\n \n \n

\n handleFilterChange(\"groupBy\", \"section\")}\n />\n Group by Section\n

\n \n

\n\n {/* Sort Options */}\n

\n Sort By\n

\n {([\"date\", \"name\"] as const).map(opt => (\n handleFilterChange(\"sortBy\", opt)}\n >\n {opt === \"date\" ? \"Date\" : \"Name\"}\n

\n ))}\n

\n\n Order\n

\n {([{ key: \"desc\", icon: \"⬇️\" }, { key: \"asc\", icon: \"⬆️\" }] as const).map(({ key, icon }) => (\n handleFilterChange(\"sortOrder\", key)}\n >\n {icon}\n

\n ))}\n

\n\n {/* Show Archived Toggle */}\n

\n \n handleFilterChange(\"archived\", e.target.checked)}\n />\n Show Archived\n \n

\n\n {/* Card Height Selector */}\n

\n Card Height\n onCardHeightChange(e.target.value)}\n >\n \n \n \n \n \n

\n\n {/* Export Notes */}\n \n \n Export Notes\n \n\n {/* Background Selector */}\n

\n Background\n

\n {backgroundOptions.map(opt => (\n onBackgroundChange(opt.key)}\n title={opt.label}\n >\n {opt.url ? (\n

\n ) : (\n

\n )}\n

\n ))}\n

\n\n {/* Clear All Filters */}\n \n Clear All Filters\n \n\n {/* Sort Groups Toggle */}\n {filters.groupBy && (\n

\n \n handleFilterChange(\"sortGroups\", e.target.checked)}\n />\n Sort Groups A→Z\n \n

\n )}\n

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