126 lines
3.9 KiB
Dart
126 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:lensai/core/routing/routes.dart';
|
|
import 'package:lensai/features/bangs/data/models/bang_data.dart';
|
|
import 'package:lensai/features/bangs/domain/repositories/search.dart';
|
|
import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
|
|
import 'package:lensai/presentation/hooks/listenable_callback.dart';
|
|
import 'package:lensai/presentation/widgets/selectable_chips.dart';
|
|
|
|
class BangChips extends HookConsumerWidget {
|
|
final bool displayMenu;
|
|
|
|
final BangData? activeBang;
|
|
final void Function(BangData)? onSelected;
|
|
final void Function(BangData)? onDeleted;
|
|
|
|
final TextEditingController? searchTextController;
|
|
|
|
const BangChips({
|
|
required this.activeBang,
|
|
required this.onSelected,
|
|
required this.onDeleted,
|
|
this.searchTextController,
|
|
this.displayMenu = true,
|
|
});
|
|
|
|
static Future<bool?> resetBangDialog(
|
|
BuildContext context,
|
|
String triggerName,
|
|
) {
|
|
return showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text(
|
|
'Reset usage frequency of $triggerName?',
|
|
),
|
|
content: const Text(
|
|
'This will remove the Bang from quick select.',
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, false),
|
|
child: const Text('Cancel'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, true),
|
|
child: const Text('Reset'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final availableBangs = ref.watch(seamlessBangProviderProvider);
|
|
|
|
useListenableCallback(
|
|
searchTextController,
|
|
() {
|
|
ref
|
|
.read(seamlessBangProviderProvider.notifier)
|
|
.search(searchTextController!.text);
|
|
},
|
|
);
|
|
|
|
return availableBangs.when(
|
|
data: (availableBangs) {
|
|
return SizedBox(
|
|
height: 48,
|
|
child: Row(
|
|
children: [
|
|
if (activeBang != null || availableBangs.isNotEmpty)
|
|
Expanded(
|
|
child: SelectableChips(
|
|
itemId: (bang) => bang.trigger,
|
|
itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
|
|
itemLabel: (bang) => Text(bang.websiteName),
|
|
availableItems: availableBangs,
|
|
selectedItem: activeBang,
|
|
onSelected: onSelected,
|
|
onDeleted: onDeleted,
|
|
),
|
|
)
|
|
else
|
|
Visibility(
|
|
visible: displayMenu,
|
|
child: Expanded(
|
|
child: Text(
|
|
"Press '>' to search Bangs.",
|
|
style: TextStyle(
|
|
color: Theme.of(context).hintColor,
|
|
fontStyle: FontStyle.italic,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (displayMenu)
|
|
IconButton(
|
|
onPressed: () async {
|
|
final searchText = searchTextController?.text.trim();
|
|
|
|
await context.push(
|
|
BangSearchRoute(
|
|
searchText: (searchText?.isEmpty ?? true)
|
|
? BangSearchRoute.emptySearchText
|
|
: searchText!,
|
|
).location,
|
|
);
|
|
},
|
|
icon: const Icon(Icons.chevron_right),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
error: (error, stackTrace) => const SizedBox.shrink(),
|
|
loading: () => const SizedBox(
|
|
height: 48,
|
|
width: double.infinity,
|
|
),
|
|
);
|
|
}
|
|
}
|