Made AlbumListItem component
This commit is contained in:
parent
065193ed04
commit
2d0ef80a3a
1 changed files with 79 additions and 0 deletions
79
lib/ui/components/album_list_item_widget.dart
Normal file
79
lib/ui/components/album_list_item_widget.dart
Normal file
|
@ -0,0 +1,79 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:logging/logging.dart';
|
||||||
|
import 'package:photos/db/files_db.dart';
|
||||||
|
import 'package:photos/models/collection_items.dart';
|
||||||
|
import 'package:photos/theme/ente_theme.dart';
|
||||||
|
import 'package:photos/ui/viewer/file/no_thumbnail_widget.dart';
|
||||||
|
import 'package:photos/ui/viewer/file/thumbnail_widget.dart';
|
||||||
|
|
||||||
|
class AlbumListItemWidget extends StatelessWidget {
|
||||||
|
final CollectionWithThumbnail item;
|
||||||
|
const AlbumListItemWidget(this.item, {super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final logger = Logger("AlbumListItemWidget");
|
||||||
|
final textTheme = getEnteTextTheme(context);
|
||||||
|
final colorScheme = getEnteColorScheme(context);
|
||||||
|
return Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: colorScheme.strokeFainter),
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(4),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
height: 60,
|
||||||
|
width: 60,
|
||||||
|
key: Key("collection_item:" + (item.thumbnail?.tag ?? "")),
|
||||||
|
child: item.thumbnail != null
|
||||||
|
? ThumbnailWidget(
|
||||||
|
item.thumbnail,
|
||||||
|
showFavForAlbumOnly: true,
|
||||||
|
)
|
||||||
|
: const NoThumbnailWidget(),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(item.collection.collectionName),
|
||||||
|
FutureBuilder<int>(
|
||||||
|
future:
|
||||||
|
FilesDB.instance.collectionFileCount(item.collection.id),
|
||||||
|
builder: (context, snapshot) {
|
||||||
|
if (snapshot.hasData) {
|
||||||
|
final text = snapshot.data == 1 ? " memory" : " memories";
|
||||||
|
return Text(
|
||||||
|
snapshot.data.toString() + text,
|
||||||
|
style: textTheme.small.copyWith(
|
||||||
|
color: colorScheme.textMuted,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
if (snapshot.hasError) {
|
||||||
|
logger.severe(
|
||||||
|
"Failed to fetch file count of collection id ${item.collection.id}",
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return Text(
|
||||||
|
"",
|
||||||
|
style: textTheme.small.copyWith(
|
||||||
|
color: colorScheme.textMuted,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Add table
Reference in a new issue