mirror of
https://github.com/immich-app/immich.git
synced 2024-11-18 03:19:01 -07:00
2b5cef156c
* Add i18n framework to mobile app and write simple translation generator * Replace all texts in login_form with i18n keys * Localization of sharing section * Localization of asset viewer section * Use JSON as base translation format * Add check for missing/unused translation keys * Add localizely * Remove i18n directory in favour of localizely * Backup Translation * More translations * Translate home page * Translation of search page * Translate new server version announcement * Reformat code * Fix typo in german translation * Update englisch translations * Change translation keys to match dart filenames * Add /api to translated endpoint_urls * Update localizely.yml * Add languages to ios plist * Remove unused keys * Added script to check outdated key in other translations * Add download key to localizely.yml Co-authored-by: Alex <alex.tran1502@gmail.com>
67 lines
2.4 KiB
Dart
67 lines
2.4 KiB
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/search/providers/search_page_state.provider.dart';
|
|
|
|
class SearchBar extends HookConsumerWidget with PreferredSizeWidget {
|
|
SearchBar(
|
|
{Key? key, required this.searchFocusNode, required this.onSubmitted})
|
|
: super(key: key);
|
|
|
|
final FocusNode searchFocusNode;
|
|
final Function(String) onSubmitted;
|
|
|
|
@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();
|
|
searchTermController.clear();
|
|
},
|
|
icon: const Icon(Icons.arrow_back_ios_rounded))
|
|
: const Icon(Icons.search_rounded),
|
|
title: TextField(
|
|
controller: searchTermController,
|
|
focusNode: searchFocusNode,
|
|
autofocus: false,
|
|
onTap: () {
|
|
searchTermController.clear();
|
|
ref.watch(searchPageStateProvider.notifier).getSuggestedSearchTerms();
|
|
ref.watch(searchPageStateProvider.notifier).enableSearch();
|
|
ref.watch(searchPageStateProvider.notifier).setSearchTerm("");
|
|
|
|
searchFocusNode.requestFocus();
|
|
},
|
|
onSubmitted: (searchTerm) {
|
|
onSubmitted(searchTerm);
|
|
searchTermController.clear();
|
|
ref.watch(searchPageStateProvider.notifier).setSearchTerm("");
|
|
},
|
|
onChanged: (value) {
|
|
ref.watch(searchPageStateProvider.notifier).setSearchTerm(value);
|
|
},
|
|
decoration: InputDecoration(
|
|
hintText: 'search_bar_hint'.tr(),
|
|
enabledBorder: UnderlineInputBorder(
|
|
borderSide: BorderSide(color: Colors.transparent),
|
|
),
|
|
focusedBorder: UnderlineInputBorder(
|
|
borderSide: BorderSide(color: Colors.transparent),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Size get preferredSize => const Size.fromHeight(kToolbarHeight);
|
|
}
|