v2

lib/app/lists.dart

@@ -0,0 +1,129 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+
+import '../services/sync_service.dart';
+import 'items.dart';
+
+class PagedListQueryView<T> extends HookConsumerWidget {
+  final PagingController<int, T> pagingController;
+  final bool refreshSyncAll;
+  final bool fabPadding;
+  final bool useSliver;
+  final Widget Function(BuildContext context, T item, int index) itemBuilder;
+
+  const PagedListQueryView({
+    super.key,
+    required this.pagingController,
+    this.refreshSyncAll = false,
+    this.fabPadding = true,
+    this.useSliver = false,
+    required this.itemBuilder,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final builderDelegate = PagedChildBuilderDelegate<T>(
+      itemBuilder: (context, item, index) => itemBuilder(context, item, index),
+      noMoreItemsIndicatorBuilder:
+          fabPadding ? (context) => const FabPadding() : null,
+    );
+
+    final listView = useSliver
+        ? PagedSliverList<int, T>(
+            pagingController: pagingController,
+            builderDelegate: builderDelegate,
+          )
+        : PagedListView<int, T>(
+            pagingController: pagingController,
+            builderDelegate: builderDelegate,
+          );
+
+    if (refreshSyncAll) {
+      return SyncAllRefresh(child: listView);
+    } else {
+      return listView;
+    }
+  }
+}
+
+enum GridSize {
+  small,
+  large,
+}
+
+class PagedGridQueryView<T> extends HookConsumerWidget {
+  final PagingController<int, T> pagingController;
+  final bool refreshSyncAll;
+  final bool fabPadding;
+  final GridSize size;
+  final Widget Function(BuildContext context, T item, int index, GridSize size)
+      itemBuilder;
+
+  const PagedGridQueryView({
+    super.key,
+    required this.pagingController,
+    this.refreshSyncAll = false,
+    this.fabPadding = true,
+    this.size = GridSize.small,
+    required this.itemBuilder,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    SliverGridDelegate gridDelegate;
+    double spacing;
+
+    if (size == GridSize.small) {
+      spacing = 4;
+      gridDelegate = SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: 3,
+        mainAxisSpacing: spacing,
+        crossAxisSpacing: spacing,
+      );
+    } else {
+      spacing = 12;
+      gridDelegate = SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: 2,
+        mainAxisSpacing: spacing,
+        crossAxisSpacing: spacing,
+      );
+    }
+
+    final listView = PagedGridView<int, T>(
+      padding: MediaQuery.of(context).padding + EdgeInsets.all(spacing),
+      pagingController: pagingController,
+      builderDelegate: PagedChildBuilderDelegate(
+        itemBuilder: (context, item, index) =>
+            itemBuilder(context, item, index, size),
+        noMoreItemsIndicatorBuilder:
+            fabPadding ? (context) => const FabPadding() : null,
+      ),
+      gridDelegate: gridDelegate,
+      showNoMoreItemsIndicatorAsGridChild: false,
+    );
+
+    if (refreshSyncAll) {
+      return SyncAllRefresh(child: listView);
+    } else {
+      return listView;
+    }
+  }
+}
+
+class SyncAllRefresh extends HookConsumerWidget {
+  final Widget child;
+
+  const SyncAllRefresh({
+    super.key,
+    required this.child,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return RefreshIndicator(
+      onRefresh: () => ref.read(syncServiceProvider.notifier).syncAll(),
+      child: child,
+    );
+  }
+}