Source Code added

mobile/lib/widgets/album/remote_album_shared_user_icons.dart

@@ -0,0 +1,47 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/providers/infrastructure/current_album.provider.dart';
+import 'package:immich_mobile/providers/infrastructure/remote_album.provider.dart';
+import 'package:immich_mobile/routing/router.dart';
+import 'package:immich_mobile/widgets/common/user_circle_avatar.dart';
+
+class RemoteAlbumSharedUserIcons extends ConsumerWidget {
+  const RemoteAlbumSharedUserIcons({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final currentAlbum = ref.watch(currentRemoteAlbumProvider);
+    if (currentAlbum == null) {
+      return const SizedBox();
+    }
+
+    final sharedUsersAsync = ref.watch(remoteAlbumSharedUsersProvider(currentAlbum.id));
+
+    return sharedUsersAsync.maybeWhen(
+      data: (sharedUsers) {
+        if (sharedUsers.isEmpty) {
+          return const SizedBox();
+        }
+
+        return GestureDetector(
+          onTap: () => context.pushRoute(DriftAlbumOptionsRoute(album: currentAlbum)),
+          child: SizedBox(
+            height: 50,
+            child: ListView.builder(
+              scrollDirection: Axis.horizontal,
+              itemBuilder: ((context, index) {
+                return Padding(
+                  padding: const EdgeInsets.only(right: 4.0),
+                  child: UserCircleAvatar(user: sharedUsers[index], radius: 18, size: 36, hasBorder: true),
+                );
+              }),
+              itemCount: sharedUsers.length,
+            ),
+          ),
+        );
+      },
+      orElse: () => const SizedBox(),
+    );
+  }
+}