mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-13 16:05:18 +00:00
82307bc030
* feat: add playback history provider * feat: implement recently played section * refactor: use route names * feat: add stats summary and top tracks/artists/albums * feat: add top date based filtering * feat: add stream money calculation * refactor: place search in mobile navbar and settings in home appbar * feat: add individual minutes and streams page * feat(stats): add individual minutes and streams page * chore: default period to 1 month * feat: add text to explain user how hypothetical fees are calculated * chore: ensure usage of route names instead of direct paths * cd: add cache key * cd: remove media_kit_event_loop from git
107 lines
3.7 KiB
Dart
107 lines
3.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:spotube/collections/assets.gen.dart';
|
|
import 'package:spotube/components/shared/page_window_title_bar.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/pages/getting_started/sections/greeting.dart';
|
|
import 'package:spotube/pages/getting_started/sections/playback.dart';
|
|
import 'package:spotube/pages/getting_started/sections/region.dart';
|
|
import 'package:spotube/pages/getting_started/sections/support.dart';
|
|
import 'package:spotube/provider/user_preferences/user_preferences_provider.dart';
|
|
import 'package:spotube/themes/theme.dart';
|
|
|
|
class GettingStarting extends HookConsumerWidget {
|
|
static const name = "getting_started";
|
|
|
|
const GettingStarting({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final preferences = ref.watch(userPreferencesProvider);
|
|
final themeData = theme(
|
|
preferences.accentColorScheme,
|
|
Brightness.dark,
|
|
preferences.amoledDarkTheme,
|
|
);
|
|
final pageController = usePageController();
|
|
|
|
final onNext = useCallback(() {
|
|
pageController.nextPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
}, [pageController]);
|
|
|
|
final onPrevious = useCallback(() {
|
|
pageController.previousPage(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
}, [pageController]);
|
|
|
|
return Theme(
|
|
data: themeData,
|
|
child: Scaffold(
|
|
appBar: PageWindowTitleBar(
|
|
backgroundColor: Colors.transparent,
|
|
actions: [
|
|
ListenableBuilder(
|
|
listenable: pageController,
|
|
builder: (context, _) {
|
|
return AnimatedSwitcher(
|
|
duration: const Duration(milliseconds: 300),
|
|
child: pageController.hasClients &&
|
|
(pageController.page == 0 || pageController.page == 3)
|
|
? const SizedBox()
|
|
: TextButton(
|
|
onPressed: () {
|
|
pageController.animateToPage(
|
|
3,
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
);
|
|
},
|
|
child: Text(
|
|
context.l10n.skip_this_nonsense,
|
|
style: TextStyle(
|
|
decoration: TextDecoration.underline,
|
|
decorationColor: themeData.colorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
extendBodyBehindAppBar: true,
|
|
body: DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: Assets.bengaliPatternsBg.provider(),
|
|
fit: BoxFit.cover,
|
|
colorFilter: const ColorFilter.mode(
|
|
Colors.black38,
|
|
BlendMode.srcOver,
|
|
),
|
|
),
|
|
),
|
|
child: PageView(
|
|
controller: pageController,
|
|
children: [
|
|
GettingStartedPageGreetingSection(onNext: onNext),
|
|
GettingStartedPageLanguageRegionSection(onNext: onNext),
|
|
GettingStartedPagePlaybackSection(
|
|
onNext: onNext,
|
|
onPrevious: onPrevious,
|
|
),
|
|
const GettingStartedScreenSupportSection(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|