From 7cff48ebc07429c0805cb3a75bbf0c50824b4f93 Mon Sep 17 00:00:00 2001
From: Felix Kirchner <felix.kirchner.fk@gmail.com>
Date: Sun, 7 Dec 2025 22:23:43 +0100
Subject: [PATCH] Added empty message

---
 .../create_game/choose_group_view.dart        | 50 +++++++++++--------
 1 file changed, 30 insertions(+), 20 deletions(-)

diff --git a/lib/presentation/views/main_menu/create_game/choose_group_view.dart b/lib/presentation/views/main_menu/create_game/choose_group_view.dart
index e27adf3..4e81a86 100644
--- a/lib/presentation/views/main_menu/create_game/choose_group_view.dart
+++ b/lib/presentation/views/main_menu/create_game/choose_group_view.dart
@@ -3,6 +3,7 @@ import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/presentation/widgets/text_input/custom_search_bar.dart';
 import 'package:game_tracker/presentation/widgets/tiles/group_tile.dart';
+import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 
 class ChooseGroupView extends StatefulWidget {
   final List<Group> groups;
@@ -71,26 +72,35 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
             ),
           ),
           Expanded(
-            child: ListView.builder(
-              padding: const EdgeInsets.only(bottom: 85),
-              itemCount: filteredGroups.length,
-              itemBuilder: (BuildContext context, int index) {
-                return GestureDetector(
-                  onTap: () {
-                    setState(() {
-                      if (selectedGroupId != filteredGroups[index].id) {
-                        selectedGroupId = filteredGroups[index].id;
-                      } else {
-                        selectedGroupId = '';
-                      }
-                    });
-                  },
-                  child: GroupTile(
-                    group: filteredGroups[index],
-                    isHighlighted: selectedGroupId == filteredGroups[index].id,
-                  ),
-                );
-              },
+            child: Visibility(
+              visible: filteredGroups.isNotEmpty,
+              replacement: const TopCenteredMessage(
+                icon: Icons.info,
+                title: 'No group',
+                message: 'There is no group matching your search.',
+              ),
+              child: ListView.builder(
+                padding: const EdgeInsets.only(bottom: 85),
+                itemCount: filteredGroups.length,
+                itemBuilder: (BuildContext context, int index) {
+                  return GestureDetector(
+                    onTap: () {
+                      setState(() {
+                        if (selectedGroupId != filteredGroups[index].id) {
+                          selectedGroupId = filteredGroups[index].id;
+                        } else {
+                          selectedGroupId = '';
+                        }
+                      });
+                    },
+                    child: GroupTile(
+                      group: filteredGroups[index],
+                      isHighlighted:
+                          selectedGroupId == filteredGroups[index].id,
+                    ),
+                  );
+                },
+              ),
             ),
           ),
         ],