immich/mobile/lib/modules/archive/views/archive_page.dart

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' hide Store;
import 'package:fluttertoast/fluttertoast.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/modules/home/ui/asset_grid/immich_asset_grid.dart';
import 'package:immich_mobile/shared/models/asset.dart';
import 'package:immich_mobile/shared/models/store.dart';
import 'package:immich_mobile/shared/models/user.dart';
import 'package:immich_mobile/shared/providers/asset.provider.dart';
import 'package:immich_mobile/shared/providers/db.provider.dart';
import 'package:immich_mobile/shared/ui/immich_toast.dart';
import 'package:isar/isar.dart';

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final User me = Store.get(StoreKey.currentUser);
    final query = ref
        .watch(dbProvider)
        .assets
        .filter()
        .ownerIdEqualTo(me.isarId)
        .isArchivedEqualTo(true);
    final stream = query.watch();
    final archivedAssets = useState<List<Asset>>([]);
    final selectionEnabledHook = useState(false);
    final selection = useState(<Asset>{});

    useEffect(
      () {
        query.findAll().then((value) => archivedAssets.value = value);
        final subscription = stream.listen((e) {
          archivedAssets.value = e;
        });
        // Cancel the subscription when the widget is disposed
        return subscription.cancel;
      },
      [],
    );

    void selectionListener(
      bool multiselect,
      Set<Asset> selectedAssets,
    ) {
      selectionEnabledHook.value = multiselect;
      selection.value = selectedAssets;
    }

    AppBar buildAppBar() {
      return AppBar(
        leading: IconButton(
          onPressed: () => AutoRouter.of(context).pop(),
          icon: const Icon(Icons.arrow_back_ios_rounded),
        ),
        centerTitle: true,
        automaticallyImplyLeading: false,
        title: const Text(
          'archive_page_title',
        ).tr(args: [archivedAssets.value.length.toString()]),
      );
    }

    Widget buildBottomBar() {
      return Align(
        alignment: Alignment.bottomCenter,
        child: SizedBox(
          height: 64,
          child: Card(
            child: Column(
              children: [
                ListTile(
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  leading: const Icon(
                    Icons.unarchive_rounded,
                  ),
                  title:
                      const Text("Unarchive", style: TextStyle(fontSize: 14)),
                  onTap: () {
                    if (selection.value.isNotEmpty) {
                      ref
                          .watch(assetProvider.notifier)
                          .toggleArchive(selection.value, false);

                      final assetOrAssets =
                          selection.value.length > 1 ? 'assets' : 'asset';
                      ImmichToast.show(
                        context: context,
                        msg:
                            'Moved ${selection.value.length} $assetOrAssets to library',
                        gravity: ToastGravity.CENTER,
                      );
                    }

                    selectionEnabledHook.value = false;
                  },
                )
              ],
            ),
          ),
        ),
      );
    }

    return Scaffold(
      appBar: buildAppBar(),
      body: Stack(
        children: [
          ImmichAssetGrid(
            assets: archivedAssets.value,
            listener: selectionListener,
            selectionActive: selectionEnabledHook.value,
          ),
          if (selectionEnabledHook.value) buildBottomBar()
        ],
      ),
    );
  }
}