lib/presentation/views/main_menu/create_game/choose_group_view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 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';
 
 class ChooseGroupView extends StatefulWidget {
@@ -19,6 +20,8 @@ class ChooseGroupView extends StatefulWidget {
 
 class _ChooseGroupViewState extends State<ChooseGroupView> {
   late int selectedGroupIndex;
+  final TextEditingController controller = TextEditingController();
+  final String hintText = 'Group Name';
 
   @override
   void initState() {
@@ -49,7 +52,14 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
         ),
         centerTitle: true,
       ),
-      body: ListView.builder(
+      body: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 10),
+            child: CustomSearchBar(controller: controller, hintText: hintText),
+          ),
+          Expanded(
+            child: ListView.builder(
               padding: const EdgeInsets.only(bottom: 85),
               itemCount: widget.groups.length,
               itemBuilder: (BuildContext context, int index) {
@@ -70,6 +80,9 @@ class _ChooseGroupViewState extends State<ChooseGroupView> {
                 );
               },
             ),
+          ),
+        ],
+      ),
     );
   }
 }