more refactors and logs page handling

2024-10-23 02:30:46 +05:30
parent 8f47645cdb
commit a0afea04d8
90 changed files with 2386 additions and 584 deletions
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/utils/extensions/async_snapshot.extension.dart';
+import 'package:skeletonizer/skeletonizer.dart';
+
+class SkeletonizedFutureBuilder<T> extends StatelessWidget {
+  const SkeletonizedFutureBuilder({
+    super.key,
+    required this.future,
+    required this.builder,
+    required this.loadingBuilder,
+    required this.errorBuilder,
+    this.emptyBuilder,
+    this.emptyWhen,
+  }) : assert(
+            (emptyBuilder == null && emptyWhen == null) ||
+                (emptyBuilder != null && emptyWhen != null),
+            "Both emptyBuilder and emptyWhen should be provided");
+
+  /// Future to listen to
+  final Future<T> future;
+
+  /// Callback when data is available
+  final Widget Function(BuildContext context, T? snapshot) builder;
+
+  /// Callback when future is loading. Expected a skeletonizer to be returned
+  final Widget Function(BuildContext context) loadingBuilder;
+
+  /// Callback when future resulted in an error
+  final Widget Function(BuildContext context, Object? error) errorBuilder;
+
+  /// Callback when data is available but is empty. Emptiness is determined based on the [emptyWhen] callback
+  final Widget Function(BuildContext context)? emptyBuilder;
+
+  /// Predicate to call [emptyBuilder] when the [data] passes the filter
+  final bool Function(T? data)? emptyWhen;
+
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder<T>(
+      future: future,
+      builder: (ctx, snap) {
+        final Widget child;
+        if (snap.isWaiting) {
+          child = loadingBuilder(ctx);
+        } else {
+          if (snap.hasError) {
+            child = errorBuilder(ctx, snap.error);
+          } else {
+            final isEmpty = emptyWhen?.call(snap.data) ?? false;
+            child = isEmpty ? emptyBuilder!(ctx) : builder(ctx, snap.data);
+          }
+        }
+
+        return Skeletonizer.zone(
+          enabled: snap.isWaiting,
+          enableSwitchAnimation: true,
+          child: child,
+        );
+      },
+    );
+  }
+}
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/domain/models/user.model.dart';
+import 'package:immich_mobile/presentation/components/image/immich_cached_network_image.widget.dart';
+import 'package:immich_mobile/presentation/components/image/transparent_image.dart';
+import 'package:immich_mobile/utils/immich_image_url_helper.dart';
+
+class ImUserAvatar extends StatelessWidget {
+  final User user;
+  final double? dimension;
+  final double? radius;
+
+  const ImUserAvatar({
+    super.key,
+    required this.user,
+    this.dimension,
+    this.radius,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    bool isDarkTheme = Theme.of(context).brightness == Brightness.dark;
+
+    final textIcon = Text(
+      user.name[0].toUpperCase(),
+      style: TextStyle(
+        color: isDarkTheme && user.avatarColor == UserAvatarColor.primary
+            ? Colors.black
+            : Colors.white,
+        fontSize: 12,
+        fontWeight: FontWeight.bold,
+      ),
+    );
+
+    return CircleAvatar(
+      backgroundColor: user.avatarColor.toColor(),
+      radius: radius,
+      child: user.profileImagePath.isEmpty
+          ? textIcon
+          : ClipOval(
+              child: ImCachedNetworkImage(
+                imageUrl: ImImageUrlHelper.getUserAvatarUrl(user),
+                cacheKey: user.profileImagePath,
+                height: dimension,
+                width: dimension,
+                fit: BoxFit.cover,
+                placeholder: (_, __) => Image.memory(
+                  kTransparentImage,
+                  semanticLabel: 'Transparent',
+                ),
+                fadeInDuration: const Duration(milliseconds: 300),
+                errorWidget: (_, error, stackTrace) => SizedBox.square(),
+              ),
+            ),
+    );
+  }
+}