Nexus/nexus
Nexus/nexus
4
4
Fork 5
Code Issues 14 Pull requests 2 Projects Releases Packages Wiki Activity

add searchbar

Browse source
This commit is contained in:
Henry Hiles 2026-06-26 16:16:36 -04:00
commit f0c3d4376f
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
1 changed files with 17 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

88
lib/pages/settings_page.dart
View file

@ -46,64 +46,6 @@ class SettingsPage extends ConsumerWidget {
), ),
]), ]),
), ),
.new(
title: "Appearance",
icon: Icons.brush,
settings: .new([
.new(
title: "Dark Mode",
description:
"Toggle between Light Mode, Dark Mode, and System themes.",
widget: DialogListTile<ThemeMode>(
icon: Icon(Icons.palette),
title: "Dark Mode",
initialValue: ThemeMode.system,
options: ThemeMode.values,
getName: (option) => toBeginningOfSentenceCase(option.name),
onChanged: (value) {},
),
),
.new(
title: "Use Client Side Decorations",
description:
"On desktop, toggle between client-side or server-side decorations",
widget: SwitchListTile(
title: Text("Client Side Decorations"),
value: true,
onChanged: (value) {},
),
),
]),
),
.new(
title: "Appearance",
icon: Icons.brush,
settings: .new([
.new(
title: "Dark Mode",
description:
"Toggle between Light Mode, Dark Mode, and System themes.",
widget: DialogListTile<ThemeMode>(
icon: Icon(Icons.palette),
title: "Dark Mode",
initialValue: ThemeMode.system,
options: ThemeMode.values,
getName: (option) => toBeginningOfSentenceCase(option.name),
onChanged: (value) {},
),
),
.new(
title: "Use Client Side Decorations",
description:
"On desktop, toggle between client-side or server-side decorations",
widget: SwitchListTile(
title: Text("Client Side Decorations"),
value: true,
onChanged: (value) {},
),
),
]),
),
]), ]),
}); });
@ -115,33 +57,35 @@ class SettingsPage extends ConsumerWidget {
final selected = useState(0); final selected = useState(0);
final searchBar = SearchAnchor.bar(
barHintText: "Search...",
suggestionsBuilder: (context, controller) {
// TODO
return [];
},
);
final settingsContent = Scaffold( final settingsContent = Scaffold(
appBar: AppBar( appBar: AppBar(
title: Text("Settings"), title: Text("Settings"),
actionsPadding: .symmetric(horizontal: 12), actionsPadding: .symmetric(horizontal: 12),
actions: [
SearchAnchor(
builder: (_, controller) => IconButton(
icon: const Icon(Icons.search),
onPressed: controller.openView,
),
suggestionsBuilder: (context, controller) {
// TODO
return [];
},
),
],
), ),
body: categoriesArePages body: categoriesArePages
? CustomScrollView( ? CustomScrollView(
slivers: settingsCategoryGroups slivers: settingsCategoryGroups
.mapTo( .mapTo(
(categoryGroup, categories) => [ (categoryGroup, categories) => [
SliverToBoxAdapter(
child: Padding(
padding: EdgeInsets.all(12).copyWith(bottom: 4),
child: searchBar,
),
),
SliverToBoxAdapter( SliverToBoxAdapter(
child: Padding( child: Padding(
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
horizontal: 16, horizontal: 16,
).copyWith(top: 8, bottom: 4), ).copyWith(bottom: 4),
child: DividerText(categoryGroup), child: DividerText(categoryGroup),
), ),
), ),
@ -175,6 +119,8 @@ class SettingsPage extends ConsumerWidget {
children: [ children: [
NavigationRailM3E( NavigationRailM3E(
type: .alwaysExpand, type: .alwaysExpand,
trailing: searchBar,
scrollable: true,
sections: settingsCategoryGroups sections: settingsCategoryGroups
.mapTo( .mapTo(
(categoryGroup, categories) => (categoryGroup, categories) =>