ente/lib/ui/collections/device_folder_icon_widget.dart

75 lines
2.5 KiB
Dart

import 'package:flutter/material.dart';
import 'package:photos/ente_theme_data.dart';
import 'package:photos/models/device_collection.dart';
import 'package:photos/ui/viewer/file/file_icons_widget.dart';
import 'package:photos/ui/viewer/file/thumbnail_widget.dart';
import 'package:photos/ui/viewer/gallery/device_folder_page.dart';
import 'package:photos/utils/navigation_util.dart';
class DeviceFolderIcon extends StatelessWidget {
final DeviceCollection deviceCollection;
const DeviceFolderIcon(
this.deviceCollection, {
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final isBackedUp = deviceCollection.shouldBackup;
return GestureDetector(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 2),
child: SizedBox(
height: 140,
width: 120,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
ClipRRect(
borderRadius: BorderRadius.circular(1),
child: SizedBox(
height: 120,
width: 120,
child: Hero(
tag: "device_folder:" +
deviceCollection.name +
deviceCollection.thumbnail!.tag,
child: Stack(
children: [
ThumbnailWidget(
deviceCollection.thumbnail,
shouldShowSyncStatus: false,
key: Key(
"device_folder:" +
deviceCollection.name +
deviceCollection.thumbnail!.tag,
),
),
isBackedUp
? const SizedBox.shrink()
: const UnSyncedIcon(),
],
),
),
),
),
const SizedBox(
height: 2,
),
Text(
deviceCollection.name,
textAlign: TextAlign.left,
style: Theme.of(context).colorScheme.enteTheme.textTheme.small,
overflow: TextOverflow.ellipsis,
),
],
),
),
),
onTap: () {
routeToPage(context, DeviceFolderPage(deviceCollection));
},
);
}
}