internal/flutter_availability
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_availability.git synced 2025-05-19 05:03:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: improve loading visual for template legend

Browse source
This commit is contained in:
Freek van de Ven 2024-07-09 10:55:20 +02:00 committed by Bart Ribbers
parent 8b138a8072
commit 71d76bba04
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/flutter_availability/lib/src/ui/widgets/template_legend.dart
View file

@ -38,11 +38,12 @@ class _TemplateLegendState extends State<TemplateLegend> {
var templatesLoading =
widget.availabilities.connectionState == ConnectionState.waiting;
var templatesAvailable = widget.availabilities.data?.isNotEmpty ?? false;
var templatesAvailable =
!templatesLoading && (widget.availabilities.data?.isNotEmpty ?? false);
var templates = widget.availabilities.data?.getUniqueTemplates() ?? [];
void onDrawerHeaderClick() {
if (!templatesAvailable) {
if (!templatesAvailable && !_templateDrawerOpen) {
return;
}
setState(() {
@ -69,6 +70,7 @@ class _TemplateLegendState extends State<TemplateLegend> {
);
return Column(
children: [
// a button to open/close a drawer with all the templates
GestureDetector(
onTap: onDrawerHeaderClick,
child: ColoredBox(
@ -81,8 +83,8 @@ class _TemplateLegendState extends State<TemplateLegend> {
translations.templateLegendTitle,
style: textTheme.titleMedium,
),
// a button to open a drawer with all the templates
if (templatesAvailable && !templatesLoading) ...[
if ((templatesAvailable && !templatesLoading) ||
_templateDrawerOpen) ...[
Icon(
_templateDrawerOpen
? Icons.arrow_drop_up
@ -96,6 +98,7 @@ class _TemplateLegendState extends State<TemplateLegend> {
const SizedBox(height: 4),
AnimatedContainer(
duration: const Duration(milliseconds: 500),
// TODO(freek): Animation should be used so it doesn't instantly close
constraints: BoxConstraints(maxHeight: _templateDrawerOpen ? 150 : 0),
decoration: BoxDecoration(
border: _templateDrawerOpen
@ -103,7 +106,7 @@ class _TemplateLegendState extends State<TemplateLegend> {
: null,
),
padding: const EdgeInsets.only(right: 2),
child: _templateDrawerOpen
child: _templateDrawerOpen && !templatesLoading
? SingleChildScrollView(
child: Column(
children: [
@ -150,9 +153,13 @@ class _TemplateLegendState extends State<TemplateLegend> {
],
),
)
: const Divider(height: 1),
: const Divider(
height: 1,
thickness: 1,
),
),
if (!templatesAvailable && !_templateDrawerOpen) ...[
if (!templatesAvailable &&
(!_templateDrawerOpen || templatesLoading)) ...[
const SizedBox(height: 12),
if (templatesLoading) ...[
const CircularProgressIndicator.adaptive(),