feat: home grid

2024-09-10 01:14:05 +05:30
parent 80009a77ec
commit 419d3669a2
33 changed files with 808 additions and 429 deletions
@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/domain/interfaces/asset.interface.dart';
+import 'package:immich_mobile/domain/models/render_list_element.model.dart';
+import 'package:immich_mobile/presentation/components/image/immich_image.widget.dart';
+import 'package:immich_mobile/service_locator.dart';
+import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
+
+class ImAssetGrid extends StatelessWidget {
+  const ImAssetGrid({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return StreamBuilder(
+      stream: di<IAssetRepository>().getRenderList(),
+      builder: (_, renderSnap) {
+        final renderList = renderSnap.data;
+        if (renderList == null) {
+          return const SizedBox.shrink();
+        }
+
+        final elements = renderList.elements;
+        return ScrollablePositionedList.builder(
+          itemCount: elements.length,
+          itemBuilder: (_, sectionIndex) {
+            final section = elements[sectionIndex];
+
+            return switch (section) {
+              RenderListMonthHeaderElement() => Text(section.header),
+              RenderListDayHeaderElement() => Text(section.header),
+              RenderListAssetElement() => FutureBuilder(
+                  future: renderList.loadAssets(
+                    section.assetOffset,
+                    section.assetCount,
+                  ),
+                  builder: (_, assetsSnap) {
+                    final assets = assetsSnap.data;
+                    if (assets == null) {
+                      return const SizedBox.shrink();
+                    }
+                    return GridView.builder(
+                      physics: const NeverScrollableScrollPhysics(),
+                      shrinkWrap: true,
+                      gridDelegate:
+                          const SliverGridDelegateWithFixedCrossAxisCount(
+                        crossAxisCount: 4,
+                      ),
+                      itemBuilder: (_, i) {
+                        return SizedBox.square(
+                          dimension: 200,
+                          // ignore: avoid-unsafe-collection-methods
+                          child: ImImage(assets.elementAt(i)),
+                        );
+                      },
+                      itemCount: section.assetCount,
+                    );
+                  },
+                ),
+            };
+          },
+        );
+      },
+    );
+  }
+}