mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-15 00:25:17 +00:00
b5a8835c28
Add enhanced media controls and social sharing features. * **Enhanced Media Controls:** - Add volume control slider to `PlayerControls` widget in `lib/modules/player/player_controls.dart`. - Implement keyboard shortcuts for media controls (play/pause, next/previous track, volume up/down) in `PlayerControls` widget. - Add "lyrics" button to `PlayerView` widget in `lib/modules/player/player.dart`. * **Social Sharing Features:** - Add feature to share the currently playing track on social media platforms in `lib/components/track_tile/track_options.dart`. - Add share button to `TrackPresentationTopSection` widget in `lib/components/track_presentation/presentation_top.dart`. * **Settings:** - Add dark mode toggle in the settings page in `lib/pages/settings/settings.dart`. * **CI Configuration:** - Add `.ci.yaml` file for continuous integration configuration.
88 lines
3.4 KiB
Dart
88 lines
3.4 KiB
Dart
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart' show Material, MaterialType;
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:spotube/components/titlebar/titlebar.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/pages/settings/sections/about.dart';
|
|
import 'package:spotube/pages/settings/sections/accounts.dart';
|
|
import 'package:spotube/pages/settings/sections/appearance.dart';
|
|
import 'package:spotube/pages/settings/sections/desktop.dart';
|
|
import 'package:spotube/pages/settings/sections/developers.dart';
|
|
import 'package:spotube/pages/settings/sections/downloads.dart';
|
|
import 'package:spotube/pages/settings/sections/language_region.dart';
|
|
import 'package:spotube/pages/settings/sections/playback.dart';
|
|
import 'package:spotube/provider/user_preferences/user_preferences_provider.dart';
|
|
import 'package:spotube/utils/platform.dart';
|
|
import 'package:auto_route/auto_route.dart';
|
|
|
|
@RoutePage()
|
|
class SettingsPage extends HookConsumerWidget {
|
|
static const name = "settings";
|
|
|
|
const SettingsPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final controller = useScrollController();
|
|
final preferencesNotifier = ref.watch(userPreferencesProvider.notifier);
|
|
|
|
return SafeArea(
|
|
bottom: false,
|
|
child: Scaffold(
|
|
headers: [
|
|
TitleBar(
|
|
title: Text(context.l10n.settings),
|
|
)
|
|
],
|
|
child: Scrollbar(
|
|
controller: controller,
|
|
child: Center(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 1366),
|
|
child: ScrollConfiguration(
|
|
behavior: const ScrollBehavior().copyWith(scrollbars: false),
|
|
child: Material(
|
|
type: MaterialType.transparency,
|
|
child: ListView(
|
|
controller: controller,
|
|
children: [
|
|
const SettingsAccountSection(),
|
|
const SettingsLanguageRegionSection(),
|
|
const SettingsAppearanceSection(),
|
|
const SettingsPlaybackSection(),
|
|
const SettingsDownloadsSection(),
|
|
if (kIsDesktop) const SettingsDesktopSection(),
|
|
if (!kIsWeb) const SettingsDevelopersSection(),
|
|
const SettingsAboutSection(),
|
|
Center(
|
|
child: Button.destructive(
|
|
onPressed: preferencesNotifier.reset,
|
|
child: Text(context.l10n.restore_defaults),
|
|
),
|
|
),
|
|
const SizedBox(height: 200),
|
|
ListTile(
|
|
title: Text('Dark Mode'),
|
|
trailing: Switch(
|
|
value: ref.watch(userPreferencesProvider).themeMode == ThemeMode.dark,
|
|
onChanged: (value) {
|
|
ref.read(userPreferencesProvider.notifier).setThemeMode(
|
|
value ? ThemeMode.dark : ThemeMode.light,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|