spotube/lib/components/shared/track_table/track_options.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:spotify/spotify.dart';
import 'package:spotube/collections/spotube_icons.dart';
import 'package:spotube/components/library/user_local_tracks.dart';
import 'package:spotube/components/shared/adaptive/adaptive_pop_sheet_list.dart';
import 'package:spotube/components/shared/dialogs/playlist_add_track_dialog.dart';
import 'package:spotube/components/shared/dialogs/track_details_dialog.dart';
import 'package:spotube/components/shared/heart_button.dart';
import 'package:spotube/components/shared/image/universal_image.dart';
import 'package:spotube/extensions/context.dart';
import 'package:spotube/models/local_track.dart';
import 'package:spotube/provider/authentication_provider.dart';
import 'package:spotube/provider/blacklist_provider.dart';
import 'package:spotube/provider/proxy_playlist/proxy_playlist_provider.dart';
import 'package:spotube/services/mutations/mutations.dart';
import 'package:spotube/utils/type_conversion_utils.dart';

enum TrackOptionValue {
  share,
  addToPlaylist,
  addToQueue,
  removeFromPlaylist,
  removeFromQueue,
  blacklist,
  delete,
  playNext,
  favorite,
  details,
}

class TrackOptions extends HookConsumerWidget {
  final Track track;
  final bool userPlaylist;
  final String? playlistId;
  const TrackOptions({
    Key? key,
    required this.track,
    this.userPlaylist = false,
    this.playlistId,
  }) : super(key: key);

  void actionShare(BuildContext context, Track track) {
    final data = "https://open.spotify.com/track/${track.id}";
    Clipboard.setData(ClipboardData(text: data)).then((_) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          width: 300,
          behavior: SnackBarBehavior.floating,
          content: Text(
            context.l10n.copied_to_clipboard(data),
            textAlign: TextAlign.center,
          ),
        ),
      );
    });
  }

  void actionAddToPlaylist(BuildContext context, Track track) {
    showDialog(
      context: context,
      builder: (context) => PlaylistAddTrackDialog(
        tracks: [track],
      ),
    );
  }

  @override
  Widget build(BuildContext context, ref) {
    final playlist = ref.watch(ProxyPlaylistNotifier.provider);
    final playback = ref.watch(ProxyPlaylistNotifier.notifier);
    final scaffoldMessenger = ScaffoldMessenger.of(context);
    final auth = ref.watch(AuthenticationNotifier.provider);

    final blacklist = ref.watch(BlackListNotifier.provider);

    final favorites = useTrackToggleLike(track, ref);

    final isBlackListed = useMemoized(
      () => blacklist.contains(
        BlacklistedElement.track(
          track.id!,
          track.name!,
        ),
      ),
      [blacklist, track],
    );

    final removingTrack = useState<String?>(null);
    final removeTrack = useMutations.playlist.removeTrackOf(
      ref,
      playlistId ?? "",
    );

    return ListTileTheme(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10),
      ),
      child: AdaptivePopSheetList<TrackOptionValue>(
        onSelected: (value) async {
          switch (value) {
            case TrackOptionValue.delete:
              await File((track as LocalTrack).path).delete();
              ref.refresh(localTracksProvider);
              break;
            case TrackOptionValue.addToQueue:
              await playback.addTrack(track);
              if (context.mounted) {
                scaffoldMessenger.showSnackBar(
                  SnackBar(
                    content: Text(
                      context.l10n.added_track_to_queue(track.name!),
                    ),
                  ),
                );
              }
              break;
            case TrackOptionValue.playNext:
              playback.addTracksAtFirst([track]);
              scaffoldMessenger.showSnackBar(
                SnackBar(
                  content: Text(
                    context.l10n.track_will_play_next(track.name!),
                  ),
                ),
              );
              break;
            case TrackOptionValue.removeFromQueue:
              playback.removeTrack(track.id!);
              scaffoldMessenger.showSnackBar(
                SnackBar(
                  content: Text(
                    context.l10n.removed_track_from_queue(
                      track.name!,
                    ),
                  ),
                ),
              );
              break;
            case TrackOptionValue.favorite:
              favorites.toggleTrackLike.mutate(favorites.isLiked);
              break;
            case TrackOptionValue.addToPlaylist:
              actionAddToPlaylist(context, track);
              break;
            case TrackOptionValue.removeFromPlaylist:
              removingTrack.value = track.uri;
              removeTrack.mutate(track.uri!);
              break;
            case TrackOptionValue.blacklist:
              if (isBlackListed) {
                ref.read(BlackListNotifier.provider.notifier).remove(
                      BlacklistedElement.track(track.id!, track.name!),
                    );
              } else {
                ref.read(BlackListNotifier.provider.notifier).add(
                      BlacklistedElement.track(track.id!, track.name!),
                    );
              }
              break;
            case TrackOptionValue.share:
              actionShare(context, track);
              break;
            case TrackOptionValue.details:
              showDialog(
                context: context,
                builder: (context) => TrackDetailsDialog(track: track),
              );
              break;
          }
        },
        icon: const Icon(SpotubeIcons.moreHorizontal),
        headings: [
          ListTile(
            dense: true,
            leading: AspectRatio(
              aspectRatio: 1,
              child: ClipRRect(
                borderRadius: BorderRadius.circular(10),
                child: UniversalImage(
                  path: TypeConversionUtils.image_X_UrlString(
                      track.album!.images,
                      placeholder: ImagePlaceholder.albumArt),
                  fit: BoxFit.cover,
                ),
              ),
            ),
            title: Text(
              track.name!,
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
              style: Theme.of(context).textTheme.titleMedium,
            ),
            subtitle: Align(
              alignment: Alignment.centerLeft,
              child: TypeConversionUtils.artists_X_ClickableArtists(
                track.artists!,
              ),
            ),
          ),
        ],
        children: switch (track.runtimeType) {
          LocalTrack => [
              PopSheetEntry(
                value: TrackOptionValue.delete,
                leading: const Icon(SpotubeIcons.trash),
                title: Text(context.l10n.delete),
              )
            ],
          _ => [
              if (!playlist.containsTrack(track)) ...[
                PopSheetEntry(
                  value: TrackOptionValue.addToQueue,
                  leading: const Icon(SpotubeIcons.queueAdd),
                  title: Text(context.l10n.add_to_queue),
                ),
                PopSheetEntry(
                  value: TrackOptionValue.playNext,
                  leading: const Icon(SpotubeIcons.lightning),
                  title: Text(context.l10n.play_next),
                ),
              ] else
                PopSheetEntry(
                  value: TrackOptionValue.removeFromQueue,
                  enabled: playlist.activeTrack?.id != track.id,
                  leading: const Icon(SpotubeIcons.queueRemove),
                  title: Text(context.l10n.remove_from_queue),
                ),
              if (favorites.me.hasData)
                PopSheetEntry(
                  value: TrackOptionValue.favorite,
                  leading: favorites.isLiked
                      ? const Icon(
                          SpotubeIcons.heartFilled,
                          color: Colors.pink,
                        )
                      : const Icon(SpotubeIcons.heart),
                  title: Text(
                    favorites.isLiked
                        ? context.l10n.remove_from_favorites
                        : context.l10n.save_as_favorite,
                  ),
                ),
              if (auth != null)
                PopSheetEntry(
                  value: TrackOptionValue.addToPlaylist,
                  leading: const Icon(SpotubeIcons.playlistAdd),
                  title: Text(context.l10n.add_to_playlist),
                ),
              if (userPlaylist && auth != null)
                PopSheetEntry(
                  value: TrackOptionValue.removeFromPlaylist,
                  leading: (removeTrack.isMutating || !removeTrack.hasData) &&
                          removingTrack.value == track.uri
                      ? const Center(
                          child: CircularProgressIndicator(),
                        )
                      : const Icon(SpotubeIcons.removeFilled),
                  title: Text(context.l10n.remove_from_playlist),
                ),
              PopSheetEntry(
                value: TrackOptionValue.blacklist,
                leading: const Icon(SpotubeIcons.playlistRemove),
                iconColor: !isBlackListed ? Colors.red[400] : null,
                textColor: !isBlackListed ? Colors.red[400] : null,
                title: Text(
                  isBlackListed
                      ? context.l10n.remove_from_blacklist
                      : context.l10n.add_to_blacklist,
                ),
              ),
              PopSheetEntry(
                value: TrackOptionValue.share,
                leading: const Icon(SpotubeIcons.share),
                title: Text(context.l10n.share),
              ),
              PopSheetEntry(
                value: TrackOptionValue.details,
                leading: const Icon(SpotubeIcons.info),
                title: Text(context.l10n.details),
              ),
            ]
        },
      ),
    );
  }
}