immich/mobile/lib/pages/album/album_viewer.dart

import 'dart:async';

import 'package:auto_route/auto_route.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/models/albums/asset_selection_page_result.model.dart';
import 'package:immich_mobile/pages/album/album_control_button.dart';
import 'package:immich_mobile/pages/album/album_date_range.dart';
import 'package:immich_mobile/pages/album/album_shared_user_icons.dart';
import 'package:immich_mobile/pages/album/album_title.dart';
import 'package:immich_mobile/providers/album/album.provider.dart';
import 'package:immich_mobile/providers/album/current_album.provider.dart';
import 'package:immich_mobile/utils/immich_loading_overlay.dart';
import 'package:immich_mobile/providers/multiselect.provider.dart';
import 'package:immich_mobile/providers/auth.provider.dart';
import 'package:immich_mobile/widgets/album/album_viewer_appbar.dart';
import 'package:immich_mobile/routing/router.dart';
import 'package:immich_mobile/entities/asset.entity.dart';
import 'package:immich_mobile/providers/asset.provider.dart';
import 'package:immich_mobile/widgets/asset_grid/multiselect_grid.dart';
import 'package:immich_mobile/widgets/common/immich_toast.dart';

class AlbumViewer extends HookConsumerWidget {
  const AlbumViewer({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final album = ref.watch(currentAlbumProvider);
    if (album == null) {
      return const SizedBox();
    }

    final titleFocusNode = useFocusNode();
    final userId = ref.watch(authProvider).userId;
    final isMultiselecting = ref.watch(multiselectProvider);
    final isProcessing = useProcessingOverlay();

    Future<bool> onRemoveFromAlbumPressed(Iterable<Asset> assets) async {
      final bool isSuccess =
          await ref.read(albumProvider.notifier).removeAsset(album, assets);

      if (!isSuccess) {
        ImmichToast.show(
          context: context,
          msg: "album_viewer_appbar_share_err_remove".tr(),
          toastType: ToastType.error,
          gravity: ToastGravity.BOTTOM,
        );
      }
      return isSuccess;
    }

    /// Find out if the assets in album exist on the device
    /// If they exist, add to selected asset state to show they are already selected.
    void onAddPhotosPressed() async {
      AssetSelectionPageResult? returnPayload =
          await context.pushRoute<AssetSelectionPageResult?>(
        AlbumAssetSelectionRoute(
          existingAssets: album.assets,
          canDeselect: false,
          query: getRemoteAssetQuery(ref),
        ),
      );

      if (returnPayload != null && returnPayload.selectedAssets.isNotEmpty) {
        // Check if there is new assets add
        isProcessing.value = true;

        await ref
            .watch(albumProvider.notifier)
            .addAssets(album, returnPayload.selectedAssets);

        isProcessing.value = false;
      }
    }

    void onAddUsersPressed() async {
      List<String>? sharedUserIds = await context.pushRoute<List<String>?>(
        AlbumAdditionalSharedUserSelectionRoute(album: album),
      );

      if (sharedUserIds != null) {
        isProcessing.value = true;

        await ref.watch(albumProvider.notifier).addUsers(album, sharedUserIds);

        isProcessing.value = false;
      }
    }

    onActivitiesPressed() {
      if (album.remoteId != null) {
        context.pushRoute(
          const ActivitiesRoute(),
        );
      }
    }

    return Stack(
      children: [
        MultiselectGrid(
          key: const ValueKey("albumViewerMultiselectGrid"),
          renderListProvider: albumRenderlistProvider(album.id),
          topWidget: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AlbumTitle(
                key: const ValueKey("albumTitle"),
                titleFocusNode: titleFocusNode,
              ),
              const AlbumDateRange(),
              const AlbumSharedUserIcons(),
              if (album.isRemote)
                AlbumControlButton(
                  key: const ValueKey("albumControlButton"),
                  onAddPhotosPressed: onAddPhotosPressed,
                  onAddUsersPressed: onAddUsersPressed,
                ),
            ],
          ),
          onRemoveFromAlbum: onRemoveFromAlbumPressed,
          editEnabled: album.ownerId == userId,
        ),
        AnimatedPositioned(
          key: const ValueKey("albumViewerAppbarPositioned"),
          duration: const Duration(milliseconds: 300),
          top: isMultiselecting ? -(kToolbarHeight + context.padding.top) : 0,
          left: 0,
          right: 0,
          child: AlbumViewerAppbar(
            key: const ValueKey("albumViewerAppbar"),
            titleFocusNode: titleFocusNode,
            userId: userId,
            onAddPhotos: onAddPhotosPressed,
            onAddUsers: onAddUsersPressed,
            onActivities: onActivitiesPressed,
          ),
        ),
      ],
    );
  }
}