intermediate

2024-12-12 09:44:33 +01:00
parent 0710116feb
commit 6b2ae28828
108 changed files with 5531 additions and 2265 deletions
@@ -0,0 +1,123 @@
+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) => 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,
+      ),
+    );
+  }
+}