Added icon as parameter for custom search bar

lib/presentation/views/main_menu/create_group_view.dart

@@ -118,15 +118,16 @@ class _CreateGroupViewState extends State<CreateGroupView> {
                       ),
                       hintText: 'Search for players',
                       trailingButtonShown: true,
+                      trailingButtonicon: Icons.add_circle,
                       trailingButtonEnabled: _searchBarController.text
                           .trim()
                           .isNotEmpty,
                       onTrailingButtonPressed: () async {
                         addNewPlayerFromSearch(
-                          context,
-                          _searchBarController,
-                          db,
-                          loadPlayerList,
+                          context: context,
+                          searchBarController: _searchBarController,
+                          db: db,
+                          loadPlayerList: loadPlayerList,
                         );
                       },
                       onChanged: (value) {
@@ -246,46 +247,48 @@ class _CreateGroupViewState extends State<CreateGroupView> {
                                       layoutBuilder:
                                           AnimatedSwitcher.defaultLayoutBuilder,
                                     ),
-                                child:
-                                    (suggestedPlayers.isEmpty &&
-                                        allPlayers.isNotEmpty)
-                                    ? TopCenteredMessage(
-                                        icon: Icons.info,
-                                        title: 'Info',
-                                        message:
-                                            (selectedPlayers.length ==
-                                                allPlayers.length)
-                                            ? 'No more players to add.'
-                                            : 'No players found with that name.',
-                                      )
-                                    : ListView.builder(
-                                        itemCount: suggestedPlayers.length,
-                                        itemBuilder:
-                                            (BuildContext context, int index) {
-                                              return TextIconListTile(
-                                                text: suggestedPlayers[index]
-                                                    .name,
-                                                onPressed: () {
-                                                  setState(() {
-                                                    if (!selectedPlayers.contains(
-                                                      suggestedPlayers[index],
-                                                    )) {
-                                                      selectedPlayers.add(
-                                                        suggestedPlayers[index],
-                                                      );
-                                                      selectedPlayers.sort(
-                                                        (a, b) => a.name
-                                                            .compareTo(b.name),
-                                                      );
-                                                      suggestedPlayers.remove(
-                                                        suggestedPlayers[index],
-                                                      );
-                                                    }
-                                                  });
-                                                },
-                                              );
+                                child: Visibility(
+                                  visible:
+                                      (suggestedPlayers.isEmpty &&
+                                      allPlayers.isNotEmpty),
+                                  replacement: ListView.builder(
+                                    itemCount: suggestedPlayers.length,
+                                    itemBuilder:
+                                        (BuildContext context, int index) {
+                                          return TextIconListTile(
+                                            text: suggestedPlayers[index].name,
+                                            onPressed: () {
+                                              setState(() {
+                                                if (!selectedPlayers.contains(
+                                                  suggestedPlayers[index],
+                                                )) {
+                                                  selectedPlayers.add(
+                                                    suggestedPlayers[index],
+                                                  );
+                                                  selectedPlayers.sort(
+                                                    (a, b) => a.name.compareTo(
+                                                      b.name,
+                                                    ),
+                                                  );
+                                                  suggestedPlayers.remove(
+                                                    suggestedPlayers[index],
+                                                  );
+                                                }
+                                              });
                                             },
-                                      ),
+                                          );
+                                        },
+                                  ),
+                                  child: TopCenteredMessage(
+                                    icon: Icons.info,
+                                    title: 'Info',
+                                    message:
+                                        (selectedPlayers.length ==
+                                            allPlayers.length)
+                                        ? 'No more players to add.'
+                                        : 'No players found with that name.',
+                                  ),
+                                ),
                               ),
                             );
                           },
@@ -338,12 +341,18 @@ class _CreateGroupViewState extends State<CreateGroupView> {
   }
 }
 
-void addNewPlayerFromSearch(
-  context,
-  searchBarController,
-  db,
-  loadPlayerList,
-) async {
+/// Adds a new player to the database from the search bar input.
+/// Shows a snackbar indicating success or failure.
+/// [context] - BuildContext to show the snackbar.
+/// [searchBarController] - TextEditingController of the search bar.
+/// [db] - AppDatabase instance to interact with the database.
+/// [loadPlayerList] - Function to reload the player list after adding.
+void addNewPlayerFromSearch({
+  required BuildContext context,
+  required TextEditingController searchBarController,
+  required AppDatabase db,
+  required Function loadPlayerList,
+}) async {
   String playerName = searchBarController.text.trim();
   bool success = await db.playerDao.addPlayer(player: Player(name: playerName));
   if (!context.mounted) return;

lib/presentation/widgets/custom_search_bar.dart

@@ -6,15 +6,17 @@ class CustomSearchBar extends StatelessWidget {
   final String hintText;
   final ValueChanged<String>? onChanged;
   final BoxConstraints? constraints;
-  final bool trailingButtonEnabled;
   final bool trailingButtonShown;
+  final bool trailingButtonEnabled;
   final VoidCallback? onTrailingButtonPressed;
+  final IconData trailingButtonicon;
 
   const CustomSearchBar({
     super.key,
     required this.controller,
     required this.hintText,
     this.trailingButtonShown = false,
+    this.trailingButtonicon = Icons.clear,
     this.trailingButtonEnabled = true,
     this.onTrailingButtonPressed,
     this.onChanged,
@@ -35,9 +37,9 @@ class CustomSearchBar extends StatelessWidget {
         Visibility(
           visible: trailingButtonShown,
           child: GestureDetector(
-            onTap: onTrailingButtonPressed,
+            onTap: trailingButtonEnabled ? onTrailingButtonPressed : null,
             child: Icon(
-              Icons.add_circle,
+              trailingButtonicon,
               color: trailingButtonEnabled
                   ? null
                   : Colors.grey.withValues(alpha: 0.2),