improved tab & topic handling

2024-08-28 16:00:39 +02:00
parent 95dd254484
commit 0a7e84236f
43 changed files with 2035 additions and 847 deletions
@@ -0,0 +1,92 @@
+import 'package:collection/collection.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:lensai/features/topics/domain/repositories/topic.dart';
+import 'package:lensai/features/web_view/domain/entities/web_view_page.dart';
+import 'package:lensai/features/web_view/domain/repositories/web_view.dart';
+import 'package:lensai/features/web_view/presentation/widgets/favicon.dart';
+
+class TabActionDialog extends HookConsumerWidget {
+  final WebViewPage initialTab;
+
+  final void Function()? onDismiss;
+
+  const TabActionDialog({
+    required this.initialTab,
+    this.onDismiss,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final tabState = ref.watch(tabStateProvider(initialTab.id)) ?? initialTab;
+    final topics =
+        ref.watch(topicRepositoryProvider.select((value) => value.valueOrNull));
+    final selectedTopic =
+        topics?.firstWhereOrNull((topic) => topic.id == tabState.topicId);
+
+    final expansionController = useExpansionTileController();
+
+    return Stack(
+      children: [
+        ModalBarrier(
+          color: Theme.of(context).dialogTheme.barrierColor ?? Colors.black54,
+          onDismiss: onDismiss,
+        ),
+        SimpleDialog(
+          titlePadding: const EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 0.0),
+          contentPadding: EdgeInsets.zero,
+          insetPadding: const EdgeInsets.symmetric(
+            horizontal: 20.0,
+            vertical: 24.0,
+          ),
+          title: ListTile(
+            leading: FaviconImage(
+              favicon: tabState.favicon,
+              url: tabState.url,
+              size: 24,
+            ),
+            contentPadding: EdgeInsets.zero,
+            title: Text(tabState.title ?? 'Unknown Title'),
+            subtitle: Text(tabState.url.authority),
+          ),
+          children: [
+            SizedBox(
+              //We need this to stretch the dialog, then padding from dialog is applied
+              width: double.maxFinite,
+              child: ExpansionTile(
+                controller: expansionController,
+                leading: (selectedTopic != null)
+                    ? CircleAvatar(backgroundColor: selectedTopic.color)
+                    : null,
+                title: (selectedTopic != null)
+                    ? Text(selectedTopic.name ?? 'New Topic')
+                    : const Text('Assign a Topic'),
+                children: topics
+                        ?.where((topic) => topic.id != tabState.topicId)
+                        .map(
+                          (topic) => ListTile(
+                            leading: CircleAvatar(backgroundColor: topic.color),
+                            title: Text(topic.name ?? 'New Topic'),
+                            onTap: () async {
+                              await ref
+                                  .read(
+                                    tabStateProvider(initialTab.id).notifier,
+                                  )
+                                  .copyWith(topicId: topic.id);
+
+                              expansionController.collapse();
+                            },
+                          ),
+                        )
+                        .toList() ??
+                    [],
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}