mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
cb391342d7
* feat(mobile): map page - add map view * map: add map-markers * feat(map): add relative date filter * fix: do not let users scroll past map bounds * fix: fetch relative date from store to state on init * feat(mobile):re-fetch markers only on filter change * feat(mobile) - asset bottom sheet in map page * feat(mobile): display markers based on bottom sheet scroll * fix: exif-bottom-sheet - rebase conflict * feat(mobile): map-view - strongly typed map page events * feat(map): zoom to asset * chore: dart analyzer fixes * map-page move attribution to top-right * feat(mobile): map view - asset selection handling * feat(mobile): map-view display map in places row * fix: make asset marker icon responsive * optimise map page rebuilds * refactor(mobile): map page * feat(mobile): map-view: Go to location * map-view(mobile): minor refactor * fix(mobile): Handle invalid coords gracefully * small styling --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
111 lines
3.4 KiB
Dart
111 lines
3.4 KiB
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';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/modules/favorite/providers/favorite_provider.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/utils/selection_handlers.dart';
|
|
|
|
class FavoritesPage extends HookConsumerWidget {
|
|
const FavoritesPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final selectionEnabledHook = useState(false);
|
|
final selection = useState(<Asset>{});
|
|
final processing = useState(false);
|
|
|
|
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(
|
|
'favorites_page_title',
|
|
).tr(),
|
|
);
|
|
}
|
|
|
|
void unfavorite() async {
|
|
try {
|
|
if (selection.value.isNotEmpty) {
|
|
await handleFavoriteAssets(
|
|
ref,
|
|
context,
|
|
selection.value.toList(),
|
|
shouldFavorite: false,
|
|
);
|
|
}
|
|
} finally {
|
|
processing.value = false;
|
|
selectionEnabledHook.value = false;
|
|
}
|
|
}
|
|
|
|
Widget buildBottomBar() {
|
|
return SafeArea(
|
|
child: Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: SizedBox(
|
|
height: 64,
|
|
child: Card(
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
leading: const Icon(
|
|
Icons.star_border,
|
|
),
|
|
title: const Text(
|
|
"Unfavorite",
|
|
style: TextStyle(fontSize: 14),
|
|
),
|
|
onTap: processing.value ? null : unfavorite,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: buildAppBar(),
|
|
body: ref.watch(favoriteAssetsProvider).when(
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
|
error: (error, stackTrace) => Center(child: Text(error.toString())),
|
|
data: (data) => data.isEmpty
|
|
? Center(
|
|
child: Text('favorites_page_no_favorites'.tr()),
|
|
)
|
|
: Stack(
|
|
children: [
|
|
ImmichAssetGrid(
|
|
renderList: data,
|
|
selectionActive: selectionEnabledHook.value,
|
|
listener: selectionListener,
|
|
),
|
|
if (selectionEnabledHook.value) buildBottomBar(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|