refactor(mobile): widgets (#9291)

* refactor(mobile): widgets * update
2025-08-08 23:07:06 +02:00 · 2024-05-06 23:04:21 -05:00
parent 7520ffd6c3
commit 5806a3ce25
203 changed files with 318 additions and 318 deletions
--- a/mobile/lib/widgets/asset_viewer/top_control_app_bar.dart
+++ b/mobile/lib/widgets/asset_viewer/top_control_app_bar.dart
@ -0,0 +1,195 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/providers/activity_statistics.provider.dart';
+import 'package:immich_mobile/providers/album/current_album.provider.dart';
+import 'package:immich_mobile/entities/asset.entity.dart';
+import 'package:immich_mobile/providers/asset.provider.dart';
+
+class TopControlAppBar extends HookConsumerWidget {
+  const TopControlAppBar({
+    super.key,
+    required this.asset,
+    required this.onMoreInfoPressed,
+    required this.onDownloadPressed,
+    required this.onAddToAlbumPressed,
+    required this.onRestorePressed,
+    required this.onToggleMotionVideo,
+    required this.isPlayingMotionVideo,
+    required this.onFavorite,
+    required this.onUploadPressed,
+    required this.isOwner,
+    required this.onActivitiesPressed,
+    required this.isPartner,
+  });
+
+  final Asset asset;
+  final Function onMoreInfoPressed;
+  final VoidCallback? onUploadPressed;
+  final VoidCallback? onDownloadPressed;
+  final VoidCallback onToggleMotionVideo;
+  final VoidCallback onAddToAlbumPressed;
+  final VoidCallback onRestorePressed;
+  final VoidCallback onActivitiesPressed;
+  final Function(Asset) onFavorite;
+  final bool isPlayingMotionVideo;
+  final bool isOwner;
+  final bool isPartner;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    const double iconSize = 22.0;
+    final a = ref.watch(assetWatcher(asset)).value ?? asset;
+    final album = ref.watch(currentAlbumProvider);
+    final comments = album != null &&
+            album.remoteId != null &&
+            asset.remoteId != null
+        ? ref.watch(activityStatisticsProvider(album.remoteId!, asset.remoteId))
+        : 0;
+
+    Widget buildFavoriteButton(a) {
+      return IconButton(
+        onPressed: () => onFavorite(a),
+        icon: Icon(
+          a.isFavorite ? Icons.favorite : Icons.favorite_border,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildLivePhotoButton() {
+      return IconButton(
+        onPressed: () {
+          onToggleMotionVideo();
+        },
+        icon: isPlayingMotionVideo
+            ? Icon(
+                Icons.motion_photos_pause_outlined,
+                color: Colors.grey[200],
+              )
+            : Icon(
+                Icons.play_circle_outline_rounded,
+                color: Colors.grey[200],
+              ),
+      );
+    }
+
+    Widget buildMoreInfoButton() {
+      return IconButton(
+        onPressed: () {
+          onMoreInfoPressed();
+        },
+        icon: Icon(
+          Icons.info_outline_rounded,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildDownloadButton() {
+      return IconButton(
+        onPressed: onDownloadPressed,
+        icon: Icon(
+          Icons.cloud_download_outlined,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildAddToAlbumButton() {
+      return IconButton(
+        onPressed: () {
+          onAddToAlbumPressed();
+        },
+        icon: Icon(
+          Icons.add,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildRestoreButton() {
+      return IconButton(
+        onPressed: () {
+          onRestorePressed();
+        },
+        icon: Icon(
+          Icons.history_rounded,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildActivitiesButton() {
+      return IconButton(
+        onPressed: () {
+          onActivitiesPressed();
+        },
+        icon: Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.mode_comment_outlined,
+              color: Colors.grey[200],
+            ),
+            if (comments != 0)
+              Padding(
+                padding: const EdgeInsets.only(left: 5),
+                child: Text(
+                  comments.toString(),
+                  style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: Colors.grey[200],
+                  ),
+                ),
+              ),
+          ],
+        ),
+      );
+    }
+
+    Widget buildUploadButton() {
+      return IconButton(
+        onPressed: onUploadPressed,
+        icon: Icon(
+          Icons.backup_outlined,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    Widget buildBackButton() {
+      return IconButton(
+        onPressed: () {
+          context.popRoute();
+        },
+        icon: Icon(
+          Icons.arrow_back_ios_new_rounded,
+          size: 20.0,
+          color: Colors.grey[200],
+        ),
+      );
+    }
+
+    return AppBar(
+      foregroundColor: Colors.grey[100],
+      backgroundColor: Colors.transparent,
+      leading: buildBackButton(),
+      actionsIconTheme: const IconThemeData(
+        size: iconSize,
+      ),
+      actions: [
+        if (asset.isRemote && isOwner) buildFavoriteButton(a),
+        if (asset.livePhotoVideoId != null) buildLivePhotoButton(),
+        if (asset.isLocal && !asset.isRemote) buildUploadButton(),
+        if (asset.isRemote && !asset.isLocal && !asset.isOffline && isOwner)
+          buildDownloadButton(),
+        if (asset.isRemote && (isOwner || isPartner) && !asset.isTrashed)
+          buildAddToAlbumButton(),
+        if (asset.isTrashed) buildRestoreButton(),
+        if (album != null && album.shared) buildActivitiesButton(),
+        buildMoreInfoButton(),
+      ],
+    );
+  }
+}