85 lines
2.7 KiB
Dart
85 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:lensai/features/bangs/data/models/bang_data.dart';
|
|
import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
|
|
import 'package:lensai/features/geckoview/features/browser/presentation/widgets/speech_to_text_button.dart';
|
|
import 'package:lensai/features/settings/data/models/settings.dart';
|
|
import 'package:lensai/features/settings/data/repositories/settings_repository.dart';
|
|
|
|
class SearchField extends HookConsumerWidget {
|
|
final TextEditingController textEditingController;
|
|
final FocusNode? focusNode;
|
|
final void Function(String)? onFieldSubmitted;
|
|
|
|
final BangData? activeBang;
|
|
final bool showBangIcon;
|
|
|
|
const SearchField({
|
|
super.key,
|
|
required this.textEditingController,
|
|
required this.onFieldSubmitted,
|
|
required this.activeBang,
|
|
this.focusNode,
|
|
this.showBangIcon = true,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final incognitoEnabled = ref.watch(
|
|
settingsRepositoryProvider.select(
|
|
(value) => (value.valueOrNull ?? Settings.withDefaults()).incognitoMode,
|
|
),
|
|
);
|
|
|
|
final hasText = useListenableSelector(
|
|
textEditingController,
|
|
() => textEditingController.text.isNotEmpty,
|
|
);
|
|
|
|
return TextFormField(
|
|
controller: textEditingController,
|
|
enableIMEPersonalizedLearning: !incognitoEnabled,
|
|
focusNode: focusNode,
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
prefixIcon: (showBangIcon && activeBang != null)
|
|
? Padding(
|
|
padding: const EdgeInsetsDirectional.all(12.0),
|
|
child: BangIcon(activeBang!, iconSize: 24.0),
|
|
)
|
|
: null,
|
|
label: const Text('Search'),
|
|
hintText: 'Ask anything...',
|
|
floatingLabelBehavior: FloatingLabelBehavior.always,
|
|
suffixIcon: hasText
|
|
? IconButton(
|
|
onPressed: () {
|
|
textEditingController.clear();
|
|
},
|
|
icon: const Icon(Icons.clear),
|
|
)
|
|
: SpeechToTextButton(
|
|
onTextReceived: (data) {
|
|
textEditingController.text = data.toString();
|
|
},
|
|
),
|
|
),
|
|
// autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
// validator: (value) {
|
|
// if (value?.isEmpty ?? true) {
|
|
// return '';
|
|
// }
|
|
|
|
// return null;
|
|
// },
|
|
onTapOutside: (focusNode != null)
|
|
? (event) {
|
|
focusNode!.unfocus();
|
|
}
|
|
: null,
|
|
onFieldSubmitted: onFieldSubmitted,
|
|
);
|
|
}
|
|
}
|