import 'package:collection/collection.dart'; import 'package:flutter/material.dart'; import 'package:flutter_hooks/flutter_hooks.dart'; import '../hooks/stores.dart'; import '../l10n/l10n.dart'; import '../util/goto.dart'; import '../widgets/radio_picker.dart'; import 'search_results.dart'; class SearchTab extends HookWidget { const SearchTab(); @override Widget build(BuildContext context) { final searchInputController = useListenable(useTextEditingController()); final accStore = useAccountsStore(); // null if there are no added instances final instanceHost = useState( accStore.instances.firstWhereOrNull((_) => true), ); if (instanceHost.value == null) { return Scaffold( appBar: AppBar(), body: const Center( child: Text('You do not have any instances added'), ), ); } handleSearch() => searchInputController.text.isNotEmpty ? goTo( context, (context) => SearchResultsPage( instanceHost: instanceHost.value!, query: searchInputController.text, ), ) : null; return Scaffold( appBar: AppBar(), body: ListView( padding: const EdgeInsets.symmetric(horizontal: 20), children: [ TextField( controller: searchInputController, keyboardType: TextInputType.text, textAlign: TextAlign.center, onSubmitted: (_) => handleSearch(), decoration: InputDecoration(hintText: L10n.of(context).search), ), const SizedBox(height: 5), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Expanded( child: Text('instance:', style: Theme.of(context).textTheme.subtitle1), ), Expanded( child: RadioPicker( values: accStore.instances.toList(), groupValue: instanceHost.value!, onChanged: (value) => instanceHost.value = value, ), ), ], ), if (searchInputController.text.isNotEmpty) ElevatedButton( onPressed: handleSearch, child: Text(L10n.of(context).search), ) ], ), ); } }