immich/mobile/lib/modules/album/ui/album_thumbnail_card.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hive/hive.dart';
import 'package:immich_mobile/constants/hive_box.dart';
import 'package:immich_mobile/shared/models/album.dart';
import 'package:immich_mobile/utils/image_url_builder.dart';
import 'package:openapi/api.dart';

class AlbumThumbnailCard extends StatelessWidget {
  final Function()? onTap;

  const AlbumThumbnailCard({
    Key? key,
    required this.album,
    this.onTap,
  }) : super(key: key);

  final Album album;

  @override
  Widget build(BuildContext context) {
    var box = Hive.box(userInfoBox);
    var isDarkMode = Theme.of(context).brightness == Brightness.dark;
    return LayoutBuilder(
      builder: (context, constraints) {
      var cardSize = constraints.maxWidth;

      buildEmptyThumbnail() {
        return Container(
          height: cardSize,
          width: cardSize,
          decoration: BoxDecoration(
            color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
          ),
          child: Center(
            child: Icon(
              Icons.no_photography,
              size: cardSize * .15,
            ),
          ),
        );
      }

      buildAlbumThumbnail() {
        return CachedNetworkImage(
          width: cardSize,
          height: cardSize,
          fit: BoxFit.cover,
          fadeInDuration: const Duration(milliseconds: 200),
          imageUrl: getAlbumThumbnailUrl(
            album,
            type: ThumbnailFormat.JPEG,
          ),
          httpHeaders: {"Authorization": "Bearer ${box.get(accessTokenKey)}"},
          cacheKey: getAlbumThumbNailCacheKey(album, type: ThumbnailFormat.JPEG),
        );
      }

      return GestureDetector(
        onTap: onTap,
        child: Padding(
          padding: const EdgeInsets.only(bottom: 32.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Expanded(
                child: ClipRRect(
                  borderRadius: BorderRadius.circular(8),
                  child: album.albumThumbnailAssetId == null
                    ? buildEmptyThumbnail()
                    : buildAlbumThumbnail(),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 8.0),
                child: SizedBox(
                  width: cardSize,
                  child: Text(
                    album.name,
                    style: const TextStyle(
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ),
              ),
              Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(
                    album.assetCount == 1
                        ? 'album_thumbnail_card_item'
                        : 'album_thumbnail_card_items',
                    style: const TextStyle(
                      fontSize: 12,
                    ),
                  ).tr(args: ['${album.assetCount}']),
                  if (album.shared)
                    const Text(
                      'album_thumbnail_card_shared',
                      style: TextStyle(
                        fontSize: 12,
                      ),
                    ).tr()
                ],
              )
            ],
          ),
        ),
      );
      },
    );
  }
}