liquid-development/game-tracker
3
0
Fork 0
Code Issues 14 Pull Requests 6 Actions Releases 1 Activity

Refactor CreateGroupView: remove UUID generation, update tiles & fix async gaps

Browse Source
This commit is contained in:
Mathis Kirchner
2025-11-18 21:42:03 +01:00
parent 1d9945c525
commit c67f688a77
1 changed files with 29 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
lib/presentation/views/main_menu/create_group/create_group_view.dart
View File

@@ -11,7 +11,6 @@ import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
import 'package:game_tracker/presentation/widgets/top_centered_message.dart'; import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'package:skeletonizer/skeletonizer.dart'; import 'package:skeletonizer/skeletonizer.dart';
import 'package:uuid/uuid.dart';
class CreateGroupView extends StatefulWidget { class CreateGroupView extends StatefulWidget {
const CreateGroupView({super.key}); const CreateGroupView({super.key});
@@ -28,7 +27,7 @@ class _CreateGroupViewState extends State<CreateGroupView> {
late Future<List<Player>> _allPlayersFuture; late Future<List<Player>> _allPlayersFuture;
late final List<Player> skeletonData = List.filled( late final List<Player> skeletonData = List.filled(
7, 7,
Player(id: '0', name: 'Player 0'), Player(name: 'Player 0'),
); );
final _groupNameController = TextEditingController(); final _groupNameController = TextEditingController();
final _searchBarController = TextEditingController(); final _searchBarController = TextEditingController();
@@ -56,8 +55,8 @@ class _CreateGroupViewState extends State<CreateGroupView> {
backgroundColor: CustomTheme.backgroundColor, backgroundColor: CustomTheme.backgroundColor,
scrolledUnderElevation: 0, scrolledUnderElevation: 0,
title: const Text( title: const Text(
"Create new group", 'Create new group',
style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold), style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
), ),
centerTitle: true, centerTitle: true,
), ),
@@ -94,8 +93,11 @@ class _CreateGroupViewState extends State<CreateGroupView> {
children: [ children: [
CustomSearchBar( CustomSearchBar(
controller: _searchBarController, controller: _searchBarController,
constraints: BoxConstraints(maxHeight: 45, minHeight: 45), constraints: const BoxConstraints(
hintText: "Search for players", maxHeight: 45,
minHeight: 45,
),
hintText: 'Search for players',
onChanged: (value) { onChanged: (value) {
setState(() { setState(() {
if (value.isEmpty) { if (value.isEmpty) {
@@ -115,35 +117,34 @@ class _CreateGroupViewState extends State<CreateGroupView> {
}); });
}, },
), ),
SizedBox(height: 10), const SizedBox(height: 10),
Text( Text(
"Ausgewählte Spieler: (${selectedPlayers.length})", 'Ausgewählte Spieler: (${selectedPlayers.length})',
style: TextStyle( style: const TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
SizedBox(height: 10), const SizedBox(height: 10),
Wrap( Wrap(
alignment: WrapAlignment.start, alignment: WrapAlignment.start,
crossAxisAlignment: WrapCrossAlignment.start, crossAxisAlignment: WrapCrossAlignment.start,
spacing: 8.0, spacing: 8.0,
runSpacing: 8.0, runSpacing: 8.0,
children: <Widget>[ children: <Widget>[
for (var selectedPlayer in selectedPlayers) for (var player in selectedPlayers)
TextIconTile( TextIconTile(
text: selectedPlayer.name, text: player.name,
icon: Icons.close,
onIconTap: () { onIconTap: () {
setState(() { setState(() {
final currentSearch = _searchBarController.text final currentSearch = _searchBarController.text
.toLowerCase(); .toLowerCase();
selectedPlayers.remove(selectedPlayer); selectedPlayers.remove(player);
if (currentSearch.isEmpty || if (currentSearch.isEmpty ||
selectedPlayer.name.toLowerCase().contains( player.name.toLowerCase().contains(
currentSearch, currentSearch,
)) { )) {
suggestedPlayers.add(selectedPlayer); suggestedPlayers.add(player);
suggestedPlayers.sort( suggestedPlayers.sort(
(a, b) => a.name.compareTo(b.name), (a, b) => a.name.compareTo(b.name),
); );
@@ -153,15 +154,15 @@ class _CreateGroupViewState extends State<CreateGroupView> {
), ),
], ],
), ),
SizedBox(height: 10), const SizedBox(height: 10),
Text( const Text(
"Alle Spieler:", 'Alle Spieler:',
style: TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
SizedBox(height: 10), const SizedBox(height: 10),
FutureBuilder( FutureBuilder(
future: _allPlayersFuture, future: _allPlayersFuture,
builder: builder:
@@ -216,7 +217,7 @@ class _CreateGroupViewState extends State<CreateGroupView> {
), ),
child: child:
(suggestedPlayers.isEmpty && (suggestedPlayers.isEmpty &&
!allPlayers.isEmpty) allPlayers.isNotEmpty)
? TopCenteredMessage( ? TopCenteredMessage(
icon: Icons.info, icon: Icons.info,
title: 'Info', title: 'Info',
@@ -230,10 +231,9 @@ class _CreateGroupViewState extends State<CreateGroupView> {
itemCount: suggestedPlayers.length, itemCount: suggestedPlayers.length,
itemBuilder: itemBuilder:
(BuildContext context, int index) { (BuildContext context, int index) {
return IconListTile( return TextIconListTile(
text: suggestedPlayers[index] text: suggestedPlayers[index]
.name, .name,
icon: Icons.add,
onPressed: () { onPressed: () {
setState(() { setState(() {
if (!selectedPlayers.contains( if (!selectedPlayers.contains(
@@ -264,9 +264,7 @@ class _CreateGroupViewState extends State<CreateGroupView> {
), ),
), ),
CustomWidthButton( CustomWidthButton(
text: "Create group", text: 'Create group',
infillColor: CustomTheme.primaryColor,
borderColor: CustomTheme.primaryColor,
disabledInfillColor: CustomTheme.boxColor, disabledInfillColor: CustomTheme.boxColor,
sizeRelativeToWidth: 0.95, sizeRelativeToWidth: 0.95,
onPressed: onPressed:
@@ -275,7 +273,6 @@ class _CreateGroupViewState extends State<CreateGroupView> {
: () async { : () async {
bool success = await db.groupDao.addGroup( bool success = await db.groupDao.addGroup(
group: Group( group: Group(
id: Uuid().v4(),
name: _groupNameController.text, name: _groupNameController.text,
members: selectedPlayers, members: selectedPlayers,
), ),
@@ -284,14 +281,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
_groupNameController.clear(); _groupNameController.clear();
_searchBarController.clear(); _searchBarController.clear();
selectedPlayers.clear(); selectedPlayers.clear();
if (!mounted) return;
Navigator.pop(context); Navigator.pop(context);
} else { } else {
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar( ScaffoldMessenger.of(context).showSnackBar(
SnackBar( SnackBar(
backgroundColor: CustomTheme.boxColor, backgroundColor: CustomTheme.boxColor,
content: Center( content: const Center(
child: Text( child: Text(
"Error while creating group, please try again", 'Error while creating group, please try again',
style: TextStyle(color: Colors.white), style: TextStyle(color: Colors.white),
), ),
), ),
@@ -301,7 +300,7 @@ class _CreateGroupViewState extends State<CreateGroupView> {
setState(() {}); setState(() {});
}, },
), ),
SizedBox(height: 20), const SizedBox(height: 20),
], ],
), ),
), ),