spotube/lib/pages/playlist/playlist.dart

import 'package:flutter/material.dart' as material;
import 'package:collection/collection.dart';
import 'package:flutter/material.dart' hide Page;
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:spotube/components/dialogs/prompt_dialog.dart';
import 'package:spotube/components/track_presentation/presentation_props.dart';
import 'package:spotube/components/track_presentation/track_presentation.dart';
import 'package:spotube/components/track_presentation/use_is_user_playlist.dart';
import 'package:spotube/extensions/context.dart';
import 'package:spotube/models/metadata/metadata.dart';
import 'package:spotube/provider/metadata_plugin/library/playlists.dart';
import 'package:auto_route/auto_route.dart';
import 'package:spotube/provider/metadata_plugin/tracks/playlist.dart';
import 'package:spotube/provider/metadata_plugin/utils/common.dart';

@RoutePage()
class PlaylistPage extends HookConsumerWidget {
  static const name = "playlist";

  final SpotubeSimplePlaylistObject _playlist;
  final String id;
  const PlaylistPage({
    super.key,
    @PathParam("id") required this.id,
    required SpotubeSimplePlaylistObject playlist,
  }) : _playlist = playlist;

  @override
  Widget build(BuildContext context, ref) {
    final playlist = ref
            .watch(
              metadataPluginSavedPlaylistsProvider.select(
                (value) => value.whenData(
                  (value) =>
                      value.items.firstWhereOrNull((s) => s.id == _playlist.id),
                ),
              ),
            )
            .asData
            ?.value ??
        _playlist;

    final tracks = ref.watch(metadataPluginPlaylistTracksProvider(playlist.id));
    final tracksNotifier =
        ref.watch(metadataPluginPlaylistTracksProvider(playlist.id).notifier);
    final isFavoritePlaylist =
        ref.watch(metadataPluginIsSavedPlaylistProvider(playlist.id));

    final favoritePlaylistsNotifier =
        ref.watch(metadataPluginSavedPlaylistsProvider.notifier);

    final isUserPlaylist = useIsUserPlaylist(ref, playlist.id);

    return material.RefreshIndicator.adaptive(
      onRefresh: () async {
        ref.invalidate(metadataPluginPlaylistTracksProvider(playlist.id));
        ref.invalidate(metadataPluginSavedPlaylistsProvider);
        ref.invalidate(metadataPluginIsSavedPlaylistProvider(playlist.id));
      },
      child: TrackPresentation(
        options: TrackPresentationOptions(
          collection: playlist,
          image: playlist.images.asUrlString(
            placeholder: ImagePlaceholder.collection,
          ),
          pagination: PaginationProps(
            hasNextPage: tracks.asData?.value.hasMore ?? false,
            isLoading: tracks.isLoading || tracks.isLoadingNextPage,
            onFetchMore: tracksNotifier.fetchMore,
            onRefresh: () async {
              ref.invalidate(metadataPluginPlaylistTracksProvider(playlist.id));
            },
            onFetchAll: () async {
              return await tracksNotifier.fetchAll();
            },
          ),
          title: playlist.name,
          description: playlist.description,
          owner: playlist.owner.name,
          ownerImage: playlist.owner.images.lastOrNull?.url,
          tracks: tracks.asData?.value.items ?? [],
          error: tracks.error,
          routePath: '/playlist/${playlist.id}',
          isLiked: isFavoritePlaylist.asData?.value ?? false,
          shareUrl: playlist.externalUri,
          onHeart: isFavoritePlaylist.asData?.value == null
              ? null
              : () async {
                  final confirmed = isUserPlaylist
                      ? await showPromptDialog(
                          context: context,
                          title: context.l10n.delete_playlist,
                          message: context.l10n.delete_playlist_confirmation,
                        )
                      : true;
                  if (!confirmed) return null;

                  if (isFavoritePlaylist.asData!.value) {
                    if (isUserPlaylist) {
                      await favoritePlaylistsNotifier.delete(playlist.id);
                    } else {
                      await favoritePlaylistsNotifier.removeFavorite(playlist);
                    }
                  } else {
                    await favoritePlaylistsNotifier.addFavorite(playlist);
                  }
                  return isUserPlaylist;
                },
        ),
      ),
    );
  }
}