UI tweaks to CreateCollectionSheet

This commit is contained in:
ashilkn 2023-01-20 17:24:14 +05:30
parent 4fbeccecda
commit 97a7e3f707

View file

@ -66,9 +66,8 @@ void createCollectionSheet(
}, },
shape: const RoundedRectangleBorder( shape: const RoundedRectangleBorder(
side: BorderSide(width: 0), side: BorderSide(width: 0),
borderRadius: BorderRadius.only( borderRadius: BorderRadius.vertical(
topLeft: Radius.circular(5), top: Radius.circular(5),
topRight: Radius.circular(5),
), ),
), ),
topControl: const SizedBox.shrink(), topControl: const SizedBox.shrink(),
@ -100,59 +99,64 @@ class _CreateCollectionSheetState extends State<CreateCollectionSheet> {
final filesCount = widget.sharedFiles != null final filesCount = widget.sharedFiles != null
? widget.sharedFiles!.length ? widget.sharedFiles!.length
: widget.selectedFiles!.files.length; : widget.selectedFiles!.files.length;
return Center( return Row(
child: ConstrainedBox( mainAxisAlignment: MainAxisAlignment.center,
constraints: BoxConstraints( children: [
maxWidth: min(428, MediaQuery.of(context).size.width), ConstrainedBox(
), constraints: BoxConstraints(
child: Padding( maxWidth: min(428, MediaQuery.of(context).size.width),
padding: const EdgeInsets.fromLTRB(0, 32, 0, 12), ),
child: Column( child: Padding(
children: [ padding: const EdgeInsets.fromLTRB(0, 32, 0, 12),
BottomOfTitleBarWidget( child: Column(
title: TitleBarTitleWidget( mainAxisSize: MainAxisSize.min,
title: _actionName(widget.actionType, filesCount > 1), children: [
BottomOfTitleBarWidget(
title: TitleBarTitleWidget(
title: _actionName(widget.actionType, filesCount > 1),
),
caption: "Create or select album",
), ),
caption: "Create or select album", Flexible(
), child: Padding(
Expanded( padding: const EdgeInsets.fromLTRB(16, 24, 16, 48),
child: Padding( child: FutureBuilder(
padding: const EdgeInsets.fromLTRB(16, 24, 16, 48), future: _getCollectionsWithThumbnail(),
child: FutureBuilder( builder: (context, snapshot) {
future: _getCollectionsWithThumbnail(), if (snapshot.hasError) {
builder: (context, snapshot) { //Need to show an error on the UI here
if (snapshot.hasError) { return const SizedBox.shrink();
//Need to show an error on the UI here } else if (snapshot.hasData) {
return const SizedBox.shrink(); final collectionsWithThumbnail =
} else if (snapshot.hasData) { snapshot.data as List<CollectionWithThumbnail>;
final collectionsWithThumbnail = return ListView.separated(
snapshot.data as List<CollectionWithThumbnail>; itemBuilder: (context, index) {
return ListView.separated( return AlbumListItemWidget(
itemBuilder: (context, index) { item: collectionsWithThumbnail[index],
return AlbumListItemWidget( );
item: collectionsWithThumbnail[index], // return _buildCollectionItem(
); // collectionsWithThumbnail[index],
// return _buildCollectionItem( // );
// collectionsWithThumbnail[index], },
// ); separatorBuilder: (context, index) =>
}, const SizedBox(
separatorBuilder: (context, index) => const SizedBox( height: 8,
height: 8, ),
), itemCount: collectionsWithThumbnail.length,
itemCount: collectionsWithThumbnail.length, shrinkWrap: true,
shrinkWrap: true, );
); } else {
} else { return const EnteLoadingWidget();
return const EnteLoadingWidget(); }
} },
}, ),
), ),
), ),
), ],
], ),
), ),
), ),
), ],
); );
} }