mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-14 16:25:16 +00:00
50 lines
1.7 KiB
Dart
50 lines
1.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:skeletonizer/skeletonizer.dart';
|
|
import 'package:spotube/collections/formatters.dart';
|
|
import 'package:spotube/modules/stats/common/track_item.dart';
|
|
import 'package:spotube/extensions/context.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,
|
|
itemBuilder: (context, index) {
|
|
final track = tracksData[index];
|
|
return StatsTrackItem(
|
|
track: track.track,
|
|
info: Text(
|
|
context.l10n
|
|
.count_plays(compactNumberFormatter.format(track.count)),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|