1
0
mirror of https://github.com/immich-app/immich.git synced 2024-12-24 10:37:28 +02:00
immich/mobile/lib/modules/search/ui/immich_search_bar.dart

80 lines
2.8 KiB
Dart
Raw Normal View History

import 'package:easy_localization/easy_localization.dart';
2022-02-27 20:45:12 +02:00
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
2022-02-27 20:45:12 +02:00
import 'package:immich_mobile/modules/search/providers/search_page_state.provider.dart';
class ImmichSearchBar extends HookConsumerWidget
implements PreferredSizeWidget {
const ImmichSearchBar({
Key? key,
required this.searchFocusNode,
required this.onSubmitted,
}) : super(key: key);
2022-03-03 00:44:24 +02:00
final FocusNode searchFocusNode;
final Function(String) onSubmitted;
2022-02-27 20:45:12 +02:00
@override
Widget build(BuildContext context, WidgetRef ref) {
final searchTermController = useTextEditingController(text: "");
final isSearchEnabled = ref.watch(searchPageStateProvider).isSearchEnabled;
return AppBar(
automaticallyImplyLeading: false,
leading: isSearchEnabled
? IconButton(
onPressed: () {
searchFocusNode.unfocus();
ref.watch(searchPageStateProvider.notifier).disableSearch();
2022-03-03 00:44:24 +02:00
searchTermController.clear();
2022-02-27 20:45:12 +02:00
},
icon: const Icon(Icons.arrow_back_ios_rounded),
)
: const Icon(
Icons.search_rounded,
size: 20,
),
2022-02-27 20:45:12 +02:00
title: TextField(
controller: searchTermController,
focusNode: searchFocusNode,
autofocus: false,
onTap: () {
2022-03-03 00:44:24 +02:00
searchTermController.clear();
ref.watch(searchPageStateProvider.notifier).getSuggestedSearchTerms();
2022-02-27 20:45:12 +02:00
ref.watch(searchPageStateProvider.notifier).enableSearch();
2022-03-03 00:44:24 +02:00
ref.watch(searchPageStateProvider.notifier).setSearchTerm("");
2022-02-27 20:45:12 +02:00
searchFocusNode.requestFocus();
},
onSubmitted: (searchTerm) {
2022-03-03 00:44:24 +02:00
onSubmitted(searchTerm);
searchTermController.clear();
ref.watch(searchPageStateProvider.notifier).setSearchTerm("");
2022-02-27 20:45:12 +02:00
},
onChanged: (value) {
ref.watch(searchPageStateProvider.notifier).setSearchTerm(value);
},
decoration: InputDecoration(
hintText: 'search_bar_hint'.tr(),
hintStyle: context.textTheme.titleSmall?.copyWith(
color: context.themeData.colorScheme.onSurface.withOpacity(0.5),
fontWeight: FontWeight.w500,
fontSize: 14,
),
enabledBorder: const UnderlineInputBorder(
2022-02-27 20:45:12 +02:00
borderSide: BorderSide(color: Colors.transparent),
),
focusedBorder: const UnderlineInputBorder(
2022-02-27 20:45:12 +02:00
borderSide: BorderSide(color: Colors.transparent),
),
),
),
);
}
@override
Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}