extract SettingsCheckboxTile for settings toggles

lib/view/pages/settings/sections/dev_tools_section.dart

@@ -6,13 +6,13 @@ import 'package:hydrated_bloc/hydrated_bloc.dart';
 import '../../../../routing/app_routes.dart';
 import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
 import '../../../../storage/settings.dart' as model;
-import '../../../../utils/haptics.dart';
 import '../../../../widget/centered_leading.dart';
 import '../../../../widget/confirm_dialog.dart';
 import '../../../../widget/debug/cache_view.dart';
 import '../../../../widget/debug/json_viewer.dart';
 import '../../../../widget/details_bottom_sheet.dart';
 import '../widgets/endpoint_picker.dart';
+import '../widgets/settings_checkbox_tile.dart';
 
 class DevToolsSection extends StatefulWidget {
   final SettingsCubit settings;
@@ -41,49 +41,32 @@ class _DevToolsSectionState extends State<DevToolsSection> {
                   return Column(
                     mainAxisSize: MainAxisSize.min,
                     children: [
-                      ListTile(
-                        leading: const Icon(Icons.auto_graph_outlined),
-                        title: const Text('Performance graph'),
-                        trailing: Checkbox(
+                      SettingsCheckboxTile(
+                        icon: Icons.auto_graph_outlined,
+                        title: 'Performance graph',
                         value: dev.showPerformanceOverlay,
-                          onChanged: (e) {
-                            Haptics.selection();
-                            widget.settings
+                        onChanged: (e) => widget.settings
                             .val(write: true)
                             .devToolsSettings
-                                .showPerformanceOverlay = e!;
-                          },
+                            .showPerformanceOverlay = e,
                       ),
-                      ),
-                      ListTile(
-                        leading: const Icon(
-                          Icons.screen_search_desktop_outlined,
-                        ),
-                        title: const Text('Indicate offscreen layers'),
-                        trailing: Checkbox(
+                      SettingsCheckboxTile(
+                        icon: Icons.screen_search_desktop_outlined,
+                        title: 'Indicate offscreen layers',
                         value: dev.checkerboardOffscreenLayers,
-                          onChanged: (e) {
-                            Haptics.selection();
-                            widget.settings
+                        onChanged: (e) => widget.settings
                             .val(write: true)
                             .devToolsSettings
-                                .checkerboardOffscreenLayers = e!;
-                          },
+                            .checkerboardOffscreenLayers = e,
                       ),
-                      ),
-                      ListTile(
-                        leading: const Icon(Icons.imagesearch_roller_outlined),
-                        title: const Text('Indicate raster cache images'),
-                        trailing: Checkbox(
+                      SettingsCheckboxTile(
+                        icon: Icons.imagesearch_roller_outlined,
+                        title: 'Indicate raster cache images',
                         value: dev.checkerboardRasterCacheImages,
-                          onChanged: (e) {
-                            Haptics.selection();
-                            widget.settings
+                        onChanged: (e) => widget.settings
                             .val(write: true)
                             .devToolsSettings
-                                .checkerboardRasterCacheImages = e!;
-                          },
-                        ),
+                            .checkerboardRasterCacheImages = e,
                       ),
                     ],
                   );

lib/view/pages/settings/sections/files_section.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
 import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
-import '../../../../utils/haptics.dart';
+import '../widgets/settings_checkbox_tile.dart';
 
 class FilesSection extends StatelessWidget {
   const FilesSection({super.key});
@@ -12,30 +12,20 @@ class FilesSection extends StatelessWidget {
     final settings = context.watch<SettingsCubit>();
     return Column(
       children: [
-        ListTile(
-          leading: const Icon(Icons.drive_folder_upload_outlined),
-          title: const Text('Ordner in Dateien nach oben sortieren'),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.drive_folder_upload_outlined,
+          title: 'Ordner in Dateien nach oben sortieren',
           value: settings.val().fileSettings.sortFoldersToTop,
-            onChanged: (e) {
-              Haptics.selection();
-              settings.val(write: true).fileSettings.sortFoldersToTop = e!;
-            },
+          onChanged: (e) =>
+              settings.val(write: true).fileSettings.sortFoldersToTop = e,
         ),
-        ),
-        ListTile(
-          leading: const Icon(Icons.open_in_new_outlined),
-          title: const Text('Dateien immer mit Systemdialog öffnen'),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.open_in_new_outlined,
+          title: 'Dateien immer mit Systemdialog öffnen',
           value: settings.val().fileViewSettings.alwaysOpenExternally,
-            onChanged: (e) {
-              Haptics.selection();
-              settings
-                  .val(write: true)
-                  .fileViewSettings
-                  .alwaysOpenExternally = e!;
-            },
-          ),
+          onChanged: (e) =>
+              settings.val(write: true).fileViewSettings.alwaysOpenExternally =
+                  e,
         ),
       ],
     );

lib/view/pages/settings/sections/talk_section.dart

@@ -6,9 +6,9 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import '../../../../push/push_registration.dart';
 import '../../../../routing/app_routes.dart';
 import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
-import '../../../../utils/haptics.dart';
 import '../../../../widget/centered_leading.dart';
 import '../widgets/push_status_sheet.dart';
+import '../widgets/settings_checkbox_tile.dart';
 
 class TalkSection extends StatelessWidget {
   const TalkSection({super.key});
@@ -20,27 +20,19 @@ class TalkSection extends StatelessWidget {
     final notificationSettings = settings.val().notificationSettings;
     return Column(
       children: [
-        ListTile(
-          leading: const Icon(Icons.star_border),
-          title: const Text('Favoriten im Talk nach oben sortieren'),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.star_border,
+          title: 'Favoriten im Talk nach oben sortieren',
           value: talkSettings.sortFavoritesToTop,
-            onChanged: (e) {
-              Haptics.selection();
-              settings.val(write: true).talkSettings.sortFavoritesToTop = e!;
-            },
+          onChanged: (e) =>
+              settings.val(write: true).talkSettings.sortFavoritesToTop = e,
         ),
-        ),
-        ListTile(
-          leading: const Icon(Icons.mark_email_unread_outlined),
-          title: const Text('Ungelesene Chats nach oben sortieren'),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.mark_email_unread_outlined,
+          title: 'Ungelesene Chats nach oben sortieren',
           value: talkSettings.sortUnreadToTop,
-            onChanged: (e) {
-              Haptics.selection();
-              settings.val(write: true).talkSettings.sortUnreadToTop = e!;
-            },
-          ),
+          onChanged: (e) =>
+              settings.val(write: true).talkSettings.sortUnreadToTop = e,
         ),
         ListTile(
           leading: const Icon(Icons.wallpaper_outlined),
@@ -49,19 +41,12 @@ class TalkSection extends StatelessWidget {
           trailing: const Icon(Icons.arrow_right),
           onTap: () => AppRoutes.openChatBackgroundSettings(context),
         ),
-        ListTile(
-          leading: const CenteredLeading(
-            Icon(Icons.notifications_active_outlined),
-          ),
-          title: const Text('Push-Benachrichtigungen'),
-          subtitle: const Text(
-            'Benachrichtigungen bei neuen Talk-Nachrichten erhalten',
-          ),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.notifications_active_outlined,
+          title: 'Push-Benachrichtigungen',
+          subtitle: 'Benachrichtigungen bei neuen Talk-Nachrichten erhalten',
           value: notificationSettings.enabled,
-            onChanged: (e) {
-              Haptics.selection();
-              final enabled = e ?? false;
+          onChanged: (enabled) {
             settings.val(write: true).notificationSettings.enabled = enabled;
             // Turning off does NOT unregister: the device stays subscribed so
             // silent sync pushes keep arriving; the message handler and iOS
@@ -89,7 +74,6 @@ class TalkSection extends StatelessWidget {
             }
           },
         ),
-        ),
         ListTile(
           leading: const CenteredLeading(Icon(Icons.monitor_heart_outlined)),
           title: const Text('Push-Status'),

lib/view/pages/settings/sections/timetable_section.dart

@@ -3,8 +3,8 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 
 import '../../../../routing/app_routes.dart';
 import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
-import '../../../../utils/haptics.dart';
 import '../../../../view/pages/timetable/data/timetable_name_mode.dart';
+import '../widgets/settings_checkbox_tile.dart';
 
 class TimetableSection extends StatelessWidget {
   const TimetableSection({super.key});
@@ -43,19 +43,13 @@ class TimetableSection extends StatelessWidget {
                     value!,
           ),
         ),
-        ListTile(
-          leading: const Icon(Icons.calendar_view_day_outlined),
-          title: const Text('Doppelstunden zusammenhängend anzeigen'),
-          trailing: Checkbox(
+        SettingsCheckboxTile(
+          icon: Icons.calendar_view_day_outlined,
+          title: 'Doppelstunden zusammenhängend anzeigen',
           value: timetableSettings.connectDoubleLessons,
-            onChanged: (e) {
-              Haptics.selection();
-              settings
-                  .val(write: true)
-                  .timetableSettings
-                  .connectDoubleLessons = e!;
-            },
-          ),
+          onChanged: (e) =>
+              settings.val(write: true).timetableSettings.connectDoubleLessons =
+                  e,
         ),
         ListTile(
           leading: const Icon(Icons.palette_outlined),

lib/view/pages/settings/widgets/settings_checkbox_tile.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+import '../../../../utils/haptics.dart';
+import '../../../../widget/centered_leading.dart';
+
+/// Settings row with a trailing checkbox. Fires [Haptics.selection] before
+/// invoking [onChanged] (with the resolved non-null value), so the sections
+/// don't repeat that. The leading icon is vertically centered when a [subtitle]
+/// is present, matching the surrounding settings styling.
+class SettingsCheckboxTile extends StatelessWidget {
+  final IconData icon;
+  final String title;
+  final String? subtitle;
+  final bool value;
+  final ValueChanged<bool> onChanged;
+
+  const SettingsCheckboxTile({
+    required this.icon,
+    required this.title,
+    required this.value,
+    required this.onChanged,
+    this.subtitle,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final leadingIcon = Icon(icon);
+    return ListTile(
+      leading: subtitle == null ? leadingIcon : CenteredLeading(leadingIcon),
+      title: Text(title),
+      subtitle: subtitle == null ? null : Text(subtitle!),
+      trailing: Checkbox(
+        value: value,
+        onChanged: (e) {
+          Haptics.selection();
+          onChanged(e ?? false);
+        },
+      ),
+    );
+  }
+}