mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-15 00:25:17 +00:00

Configuration File Removals: .vscode/c_cpp_properties.json: Removed the entire configuration for C/C++ properties. .vscode/launch.json: Removed the Dart launch configurations for different environments and modes. .vscode/settings.json: Removed settings related to CMake, spell checking, file nesting, and Dart Flutter SDK path. .vscode/snippets.code-snippets: Removed code snippets for Dart, including PaginatedState and PaginatedNotifier templates. .vscode/tasks.json: Removed the tasks configuration file. Documentation Updates: CONTRIBUTION.md: Removed heart emoji from the introductory text. README.md: Updated the logo image and made minor text adjustments, including removing emojis and updating section titles. [1] [2] [3] [4] [5] Asset Removals: lib/collections/assets.gen.dart: Removed multiple unused asset references, including images related to Spotube logos and banners. [1] [2] [3] Minor Code Cleanups: cli/commands/build/linux.dart, cli/commands/build/windows.dart, cli/commands/translated.dart, cli/commands/untranslated.dart: Adjusted import statements for consistency. [1] [2] [3] [4] integration_test/app_test.dart: Removed an unnecessary blank line. lib/collections/routes.dart: Commented out the TrackRoute configuration.
70 lines
2.5 KiB
Dart
70 lines
2.5 KiB
Dart
import 'package:flutter_undraw/flutter_undraw.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter_extension.dart';
|
|
import 'package:skeletonizer/skeletonizer.dart';
|
|
import 'package:spotube/collections/formatters.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/modules/stats/common/track_item.dart';
|
|
import 'package:spotube/provider/history/top.dart';
|
|
import 'package:spotube/provider/history/top/tracks.dart';
|
|
import 'package:spotube/provider/spotify/spotify.dart';
|
|
import 'package:very_good_infinite_list/very_good_infinite_list.dart';
|
|
|
|
class TopTracks extends HookConsumerWidget {
|
|
const TopTracks({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final historyDuration = ref.watch(playbackHistoryTopDurationProvider);
|
|
final topTracks = ref.watch(
|
|
historyTopTracksProvider(historyDuration),
|
|
);
|
|
final topTracksNotifier =
|
|
ref.watch(historyTopTracksProvider(historyDuration).notifier);
|
|
|
|
final tracksData = topTracks.asData?.value.items ?? [];
|
|
|
|
return Skeletonizer.sliver(
|
|
enabled: topTracks.isLoading && !topTracks.isLoadingNextPage,
|
|
child: SliverInfiniteList(
|
|
onFetchData: () async {
|
|
await topTracksNotifier.fetchMore();
|
|
},
|
|
hasError: topTracks.hasError,
|
|
isLoading: topTracks.isLoading && !topTracks.isLoadingNextPage,
|
|
hasReachedMax: topTracks.asData?.value.hasMore ?? true,
|
|
itemCount: tracksData.length,
|
|
emptyBuilder: (context) => Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const Gap(50),
|
|
Undraw(
|
|
illustration: UndrawIllustration.happyMusic,
|
|
color: context.theme.colorScheme.primary,
|
|
height: 200 * context.theme.scaling,
|
|
),
|
|
Text(
|
|
context.l10n.no_tracks_listened_yet,
|
|
textAlign: TextAlign.center,
|
|
).muted().small(),
|
|
],
|
|
),
|
|
),
|
|
itemBuilder: (context, index) {
|
|
final track = tracksData[index];
|
|
return StatsTrackItem(
|
|
track: track.track,
|
|
info: Text(
|
|
context.l10n
|
|
.count_plays(compactNumberFormatter.format(track.count)),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|