feat(mobile): drift local albums page (#19817)

* feat(mobile): drift local albums page * fix: lint * refactor: use AsyncValue * fix: lint * local album thumbnail --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
2025-08-08 23:07:06 +02:00 · 2025-07-08 23:37:57 +08:00
parent e703685d8d
commit a556de67b0
9 changed files with 294 additions and 13 deletions
--- a/mobile/lib/presentation/widgets/images/local_album_thumbnail.widget.dart
+++ b/mobile/lib/presentation/widgets/images/local_album_thumbnail.widget.dart
@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/presentation/widgets/images/thumbnail.widget.dart';
+import 'package:immich_mobile/providers/infrastructure/album.provider.dart';
+
+class LocalAlbumThumbnail extends ConsumerWidget {
+  const LocalAlbumThumbnail({
+    super.key,
+    required this.albumId,
+  });
+
+  final String albumId;
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final localAlbumThumbnail = ref.watch(localAlbumThumbnailProvider(albumId));
+    return localAlbumThumbnail.when(
+      data: (data) {
+        if (data == null) {
+          return Container(
+            decoration: BoxDecoration(
+              color: context.colorScheme.surfaceContainer,
+              borderRadius: const BorderRadius.all(Radius.circular(16)),
+              border: Border.all(
+                color: context.colorScheme.outline.withAlpha(50),
+                width: 1,
+              ),
+            ),
+            child: Icon(
+              Icons.collections,
+              size: 24,
+              color: context.primaryColor,
+            ),
+          );
+        }
+
+        return ClipRRect(
+          borderRadius: const BorderRadius.all(Radius.circular(16)),
+          child: Thumbnail(
+            asset: data,
+          ),
+        );
+      },
+      error: (error, stack) {
+        return const Icon(Icons.error, size: 24);
+      },
+      loading: () => const SizedBox(
+        width: 24,
+        height: 24,
+        child: Center(child: CircularProgressIndicator()),
+      ),
+    );
+  }
+}