spotube/lib/pages/stats/minutes/minutes.dart

import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_flutter/shadcn_flutter.dart';
import 'package:skeletonizer/skeletonizer.dart';
import 'package:spotube/collections/formatters.dart';
import 'package:spotube/components/titlebar/titlebar.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';
import 'package:auto_route/auto_route.dart';

@RoutePage()
class StatsMinutesPage extends HookConsumerWidget {
  static const name = "stats_minutes";

  const StatsMinutesPage({super.key});

  @override
  Widget build(BuildContext context, ref) {
    final topTracks = ref.watch(
      historyTopTracksProvider(HistoryDuration.allTime),
    );
    final topTracksNotifier =
        ref.watch(historyTopTracksProvider(HistoryDuration.allTime).notifier);

    final tracksData = topTracks.asData?.value.items ?? [];

    return Scaffold(
      headers: [
        TitleBar(
          title: Text(context.l10n.minutes_listened),
          automaticallyImplyLeading: true,
        )
      ],
      child: Skeletonizer(
        enabled: topTracks.isLoading && !topTracks.isLoadingNextPage,
        child: InfiniteList(
          separatorBuilder: (context, index) => const Gap(8),
          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_mins(compactNumberFormatter
                    .format(track.count * track.track.duration!.inMinutes)),
              ),
            );
          },
        ),
      ),
    );
  }
}