2022-02-03 18:06:44 +02:00
|
|
|
import 'package:flutter/material.dart';
|
2022-02-06 08:07:56 +02:00
|
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
2022-02-03 18:06:44 +02:00
|
|
|
import 'package:immich_mobile/modules/home/ui/thumbnail_image.dart';
|
2022-07-13 14:23:48 +02:00
|
|
|
import 'package:openapi/api.dart';
|
2022-02-03 18:06:44 +02:00
|
|
|
|
2022-08-03 22:36:12 +02:00
|
|
|
// ignore: must_be_immutable
|
2022-02-06 08:07:56 +02:00
|
|
|
class ImageGrid extends ConsumerWidget {
|
2022-07-13 14:23:48 +02:00
|
|
|
final List<AssetResponseDto> assetGroup;
|
2022-08-03 22:36:12 +02:00
|
|
|
final List<AssetResponseDto> sortedAssetGroup;
|
2022-08-20 23:19:40 +02:00
|
|
|
final int tilesPerRow;
|
|
|
|
final bool showStorageIndicator;
|
2022-02-03 18:06:44 +02:00
|
|
|
|
2022-08-03 22:36:12 +02:00
|
|
|
ImageGrid({
|
|
|
|
Key? key,
|
|
|
|
required this.assetGroup,
|
|
|
|
required this.sortedAssetGroup,
|
2022-08-20 23:19:40 +02:00
|
|
|
this.tilesPerRow = 4,
|
|
|
|
this.showStorageIndicator = true,
|
2022-08-03 22:36:12 +02:00
|
|
|
}) : super(key: key);
|
|
|
|
|
|
|
|
List<AssetResponseDto> imageSortedList = [];
|
2022-02-03 18:06:44 +02:00
|
|
|
|
|
|
|
@override
|
2022-02-06 08:07:56 +02:00
|
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
2022-02-03 18:06:44 +02:00
|
|
|
return SliverGrid(
|
2022-08-20 23:19:40 +02:00
|
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
|
|
crossAxisCount: tilesPerRow,
|
2022-04-24 04:08:45 +02:00
|
|
|
crossAxisSpacing: 5.0,
|
|
|
|
mainAxisSpacing: 5,
|
|
|
|
),
|
2022-02-03 18:06:44 +02:00
|
|
|
delegate: SliverChildBuilderDelegate(
|
|
|
|
(BuildContext context, int index) {
|
2022-02-06 08:07:56 +02:00
|
|
|
var assetType = assetGroup[index].type;
|
2022-02-03 18:06:44 +02:00
|
|
|
return GestureDetector(
|
2022-04-24 04:08:45 +02:00
|
|
|
onTap: () {},
|
2022-09-28 18:30:38 +02:00
|
|
|
child: ThumbnailImage(
|
|
|
|
asset: assetGroup[index],
|
|
|
|
assetList: sortedAssetGroup,
|
|
|
|
showStorageIndicator: showStorageIndicator,
|
2022-04-24 04:08:45 +02:00
|
|
|
),
|
|
|
|
);
|
2022-02-03 18:06:44 +02:00
|
|
|
},
|
|
|
|
childCount: assetGroup.length,
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|