import 'package:flutter/material.dart'; import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/models/lookup.dart'; import '../../../new_views/app_style/app_color.dart'; class SingleStatusMenu extends StatefulWidget { final List statuses; final Lookup initialStatus; final Function(Lookup) onSelect; final bool enabled; final String title; const SingleStatusMenu({Key key, this.enabled = true, this.title, this.statuses, this.onSelect, this.initialStatus}) : super(key: key); @override _SingleStatusMenuState createState() => _SingleStatusMenuState(); } class _SingleStatusMenuState extends State { Lookup _selectedStatus; @override void setState(VoidCallback fn) { if (mounted) super.setState(fn); } @override void didUpdateWidget(covariant SingleStatusMenu oldWidget) { if (widget.initialStatus != null) { final result = widget.statuses?.where((element) { return element == widget.initialStatus; }); if (result.isNotEmpty) { _selectedStatus = result.first; } else { _selectedStatus = null; } if ((widget.initialStatus?.id ?? "") != (_selectedStatus?.id ?? "")) { widget.onSelect(_selectedStatus); } } else { _selectedStatus = null; } super.didUpdateWidget(oldWidget); } @override void initState() { if (widget.initialStatus != null) { final result = widget.statuses?.where((element) { return element == widget.initialStatus; }); if (result.isNotEmpty) _selectedStatus = result.first; if (widget.initialStatus.id != _selectedStatus?.id) { widget.onSelect(_selectedStatus); } } super.initState(); } @override Widget build(BuildContext context) { return Container( height: 60.toScreenHeight, padding: EdgeInsets.symmetric(horizontal: 16.toScreenWidth), decoration: BoxDecoration( color: context.isDark && (widget.enabled == false || (widget.statuses?.isEmpty ?? true)) ? AppColor.neutral50 : (widget.enabled == false || (widget.statuses?.isEmpty ?? true)) ? AppColor.neutral40 : AppColor.background(context), borderRadius: BorderRadius.circular(10), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 10)], ), child: Stack( alignment: Alignment.center, children: [ if (widget.enabled) const PositionedDirectional(end: 0, child: Icon(Icons.keyboard_arrow_down_rounded)), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ if (widget.title != null) Text( widget.title, style: Theme.of(context).textTheme.bodySmall?.copyWith(color: context.isDark ? null : AppColor.neutral20, fontWeight: FontWeight.w500), ), DropdownButton( value: _selectedStatus, iconSize: 24, isDense: true, icon: const SizedBox.shrink(), elevation: 0, isExpanded: true, hint: Text( context.translation.select, style: Theme.of(context).textTheme.bodyLarge, ), style: TextStyle(color: Theme.of(context).primaryColor), underline: const SizedBox.shrink(), onChanged: widget.enabled == false ? null : (Lookup newValue) { setState(() { _selectedStatus = newValue; }); widget.onSelect(newValue); }, items: widget.statuses?.map>((value) { return DropdownMenuItem( value: value, child: Text( value?.name ?? "", style: Theme.of(context).textTheme.bodyLarge, ), ); })?.toList(), ), ], ), ], ), ); } }