timeline go brrrrr

2025-03-19 00:03:45 +05:30
parent b82b9a550a
commit 6311ecadd4
12 changed files with 323 additions and 249 deletions
@@ -8,49 +8,54 @@ import 'package:immich_mobile/utils/extensions/async_snapshot.extension.dart';

 class ImStaticGrid extends StatelessWidget {
  final RenderListAssetElement section;
-  final bool isDragging;

-  const ImStaticGrid({
-    super.key,
-    required this.section,
-    required this.isDragging,
-  });
+  const ImStaticGrid({super.key, required this.section});

  @override
  Widget build(BuildContext context) {
-    return FutureBuilder(
-      future: context.read<AssetGridCubit>().loadAssets(
-            section.assetOffset,
-            section.assetCount,
-          ),
-      builder: (_, assetsSnap) {
-        final assets = assetsSnap.data;
-        return GridView.builder(
-          physics: const NeverScrollableScrollPhysics(),
-          shrinkWrap: true,
-          padding: const EdgeInsets.all(0),
-          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-            crossAxisCount: 4,
-            mainAxisSpacing: 3,
-            crossAxisSpacing: 3,
-          ),
-          itemBuilder: (_, i) {
-            final asset = assetsSnap.isWaiting || assets == null
-                ? null
-                : assets.elementAtOrNull(i);
-            return SizedBox.square(
-              dimension: 200,
-              // Show Placeholder when drag scrolled
-              child: asset == null || isDragging
-                  ? const ImImagePlaceholder()
-                  : ImThumbnail(asset),
-            );
-          },
-          itemCount: section.assetCount,
-          addAutomaticKeepAlives: false,
-          cacheExtent: 100,
-        );
-      },
+    return BlocSelector<AssetGridCubit, AssetGridState, bool>(
+      selector: (state) => state.isDragScrolling,
+      builder: (_, isDragging) => FutureBuilder(
+        future: isDragging
+            ? Future.value(null)
+            // ignore: avoid-async-call-in-sync-function
+            : context.read<AssetGridCubit>().loadAssets(
+                  section.assetOffset,
+                  section.assetCount,
+                ),
+        builder: (_, assetsSnap) {
+          final assets = assetsSnap.data;
+          return GridView.builder(
+            physics: const NeverScrollableScrollPhysics(),
+            shrinkWrap: true,
+            padding: const EdgeInsets.all(0),
+            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+              crossAxisCount: 4,
+              mainAxisSpacing: 3,
+              crossAxisSpacing: 3,
+            ),
+            itemBuilder: (_, i) {
+              if (isDragging) {
+                return const ImImagePlaceholder();
+              }
+
+              final asset = assetsSnap.isWaiting || assets == null
+                  ? null
+                  : assets.elementAtOrNull(i);
+              return SizedBox.square(
+                dimension: 200,
+                // Show Placeholder when drag scrolled
+                child: asset == null
+                    ? const ImImagePlaceholder()
+                    : ImThumbnail(asset),
+              );
+            },
+            itemCount: section.assetCount,
+            addAutomaticKeepAlives: false,
+            cacheExtent: 100,
+          );
+        },
+      ),
    );
  }
 }