split up search page

2025-03-05 19:06:04 -05:00
parent c110c9b00e
commit 2c7e6071f5
13 changed files with 1005 additions and 640 deletions
@@ -0,0 +1,82 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/models/search/search_filter.model.dart';
+import 'package:immich_mobile/providers/search/is_searching.provider.dart';
+import 'package:immich_mobile/providers/search/search_filters.provider.dart';
+import 'package:immich_mobile/widgets/search/search_filter/filter_bottom_sheet_scaffold.dart';
+import 'package:immich_mobile/widgets/search/search_filter/location_picker.dart';
+import 'package:immich_mobile/widgets/search/search_filter/search_filter_chip.dart';
+import 'package:immich_mobile/widgets/search/search_filter/search_filter_utils.dart';
+
+class ShowLocationPicker extends ConsumerWidget {
+  const ShowLocationPicker({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final location =
+        ref.watch(searchFiltersProvider.select((filters) => filters.location));
+
+    showLocationPicker() {
+      handleOnSelect(Map<String, String?> value) {
+        ref.read(searchFiltersProvider.notifier).location =
+            SearchLocationFilter(
+          country: value['country'],
+          city: value['city'],
+          state: value['state'],
+        );
+      }
+
+      handleClear() {
+        ref.read(searchFiltersProvider.notifier).location =
+            const SearchLocationFilter();
+        ref.read(searchFiltersProvider.notifier).search();
+      }
+
+      showFilterBottomSheet(
+        context: context,
+        isScrollControlled: true,
+        isDismissible: true,
+        child: FilterBottomSheetScaffold(
+          title: 'search_filter_location_title'.tr(),
+          onSearch: () => ref.read(isSearchingProvider.notifier).value = true,
+          onClear: handleClear,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(vertical: 16.0),
+            child: Container(
+              padding: EdgeInsets.only(
+                bottom: context.viewInsets.bottom,
+              ),
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                child: LocationPicker(
+                  onSelected: handleOnSelect,
+                  filter: location,
+                ),
+              ),
+            ),
+          ),
+        ),
+      );
+    }
+
+    return SearchFilterChip(
+      icon: Icons.location_pin,
+      onTap: showLocationPicker,
+      label: 'search_filter_location'.tr(),
+      currentFilter: Text(
+        getFormattedText(location.city, location.state, location.country),
+        style: context.textTheme.labelLarge,
+      ),
+    );
+  }
+
+  String getFormattedText(String? city, String? state, String? country) {
+    return [
+      if (city != null) city,
+      if (state != null) state,
+      if (country != null) country,
+    ].join(', ');
+  }
+}