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,50 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:immich_mobile/domain/models/asset.model.dart';
+import 'package:immich_mobile/service_locator.dart';
+import 'package:immich_mobile/utils/immich_api_client.dart';
+import 'package:immich_mobile/utils/immich_image_url_helper.dart';
+import 'package:material_symbols_icons/symbols.dart';
+
+class ImImage extends StatelessWidget {
+  final Asset asset;
+  final double? width;
+  final double? height;
+
+  const ImImage(this.asset, {this.width, this.height, super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return CachedNetworkImage(
+      imageUrl: ImImageUrlHelper.getThumbnailUrl(asset),
+      httpHeaders: di<ImmichApiClient>().headers,
+      cacheKey: ImImageUrlHelper.getThumbnailUrl(asset),
+      width: width,
+      height: height,
+      // keeping memCacheWidth, memCacheHeight, maxWidthDiskCache and
+      // maxHeightDiskCache = null allows to simply store the webp thumbnail
+      // from the server and use it for all rendered thumbnail sizes
+      fit: BoxFit.cover,
+      fadeInDuration: const Duration(milliseconds: 250),
+      progressIndicatorBuilder: (_, url, downloadProgress) {
+        // Show loading if desired
+        return const SizedBox.square(
+          dimension: 250,
+          child: DecoratedBox(decoration: BoxDecoration(color: Colors.grey)),
+        );
+      },
+      errorWidget: (_, url, error) {
+        if (error is HttpExceptionWithStatus &&
+            error.statusCode >= 400 &&
+            error.statusCode < 500) {
+          CachedNetworkImage.evictFromCache(url);
+        }
+        return Icon(
+          Symbols.image_not_supported_rounded,
+          color: Theme.of(context).primaryColor,
+        );
+      },
+    );
+  }
+}