reorganize the profile page, move My Teams from Homepage to profile add sign out button to popup menu in homepage

docs/prompts.md

@@ -147,4 +147,25 @@ Folgende Dateien wurden in diesem Prompt verändert:
     - frontend_splatournament_manager/ios/Runner/Info.plist
     - frontend_splatournament_manager/linux/runner/my_application.cc
     - frontend_splatournament_manager/windows/runner/main.cpp
-    - frontend_splatournament_manager/windows/runner/Runner.rc
+    - frontend_splatournament_manager/windows/runner/Runner.rc
+
+- Move the sign out button to the popup menu in the homescreen.   
+Folgende Dateien wurden in diesem Prompt verändert:
+    - frontend_splatournament_manager/lib/pages/home_page.dart
+    - frontend_splatournament_manager/lib/pages/settings_page.dart
+
+- Move only the "Meine Teams" list to the settings menu, keep the "Alle Teams" list in the homescreen but get rid of the top tabbar.   
+Folgende Dateien wurden in diesem Prompt verändert:
+    - frontend_splatournament_manager/lib/pages/home_page.dart
+    - frontend_splatournament_manager/lib/pages/settings_page.dart
+    - frontend_splatournament_manager/lib/widgets/my_teams_widget.dart
+
+- The member count isn't updated in both lists when joining and leaving a team.   
+Folgende Dateien wurden in diesem Prompt verändert:
+    - frontend_splatournament_manager/lib/providers/team_provider.dart
+    - frontend_splatournament_manager/lib/widgets/my_teams_widget.dart
+
+- Rename the settings page to Profile
+Folgende Dateien wurden in diesem Prompt verändert:
+    - frontend_splatournament_manager/lib/pages/settings_page.dart
+    - frontend_splatournament_manager/lib/pages/home_page.dart

frontend_splatournament_manager/lib/pages/home_page.dart

@@ -3,10 +3,10 @@ import 'package:frontend_splatournament_manager/providers/tournament_provider.da
 import 'package:frontend_splatournament_manager/providers/team_provider.dart';
 import 'package:frontend_splatournament_manager/widgets/available_tournament_list.dart';
 import 'package:frontend_splatournament_manager/widgets/teams_list_widget.dart';
-import 'package:frontend_splatournament_manager/widgets/my_teams_widget.dart';
 import 'package:frontend_splatournament_manager/widgets/my_tournaments_carousel.dart';
 import 'package:frontend_splatournament_manager/pages/create_tournament_page.dart';
 import 'package:frontend_splatournament_manager/pages/create_team_page.dart';
+import 'package:frontend_splatournament_manager/providers/auth_provider.dart';
 import 'package:go_router/go_router.dart';
 import 'package:provider/provider.dart';
 
@@ -17,48 +17,14 @@ class HomePage extends StatefulWidget {
   State<HomePage> createState() => _HomePageState();
 }
 
-class _HomePageState extends State<HomePage>
+class _HomePageState extends State<HomePage> {
-    with SingleTickerProviderStateMixin {
   int _selectedIndex = 0;
-  late TabController _tabController;
-
-  @override
-  void initState() {
-    super.initState();
-    _tabController = TabController(length: 2, vsync: this);
-  }
-
-  @override
-  void dispose() {
-    _tabController.dispose();
-    super.dispose();
-  }
 
   @override
   Widget build(BuildContext context) {
-    final appBarForeground =
-        Theme.of(context).appBarTheme.foregroundColor ??
-        Theme.of(context).colorScheme.onSurface;
-
     return Scaffold(
       appBar: AppBar(
         title: Text(_selectedIndex == 0 ? 'Turniere' : 'Teams'),
-        bottom: _selectedIndex == 1
-            ? TabBar(
-                controller: _tabController,
-                labelColor: appBarForeground,
-                unselectedLabelColor: appBarForeground.withValues(alpha: 0.82),
-                indicatorColor: appBarForeground,
-                labelStyle: const TextStyle(fontWeight: FontWeight.w700),
-                unselectedLabelStyle: const TextStyle(
-                  fontWeight: FontWeight.w500,
-                ),
-                tabs: const [
-                  Tab(text: 'Alle Teams'),
-                  Tab(text: 'Meine Teams'),
-                ],
-              )
-            : null,
         actions: [
           IconButton(
             onPressed: () async {
@@ -91,12 +57,24 @@ class _HomePageState extends State<HomePage>
           ),
           PopupMenuButton(
             onSelected: (value) {
-              context.go("/settings");
+              if (value == 1) {
+                context.go("/settings");
+              } else if (value == 2) {
+                Provider.of<AuthProvider>(context, listen: false).logout();
+                context.go('/login');
+              }
             },
             offset: const Offset(0, 48),
             itemBuilder: (context) {
               return [
-                const PopupMenuItem(value: 1, child: Text('Einstellungen')),
+                const PopupMenuItem(value: 1, child: Text('Profil')),
+                const PopupMenuItem(
+                  value: 2,
+                  child: Text(
+                    'Abmelden',
+                    style: TextStyle(color: Colors.red),
+                  ),
+                ),
               ];
             },
           ),
@@ -112,11 +90,8 @@ class _HomePageState extends State<HomePage>
               const Expanded(child: AvailableTournamentList()),
             ],
           ),
-          // Teams View with tabs
+          // Teams View
-          TabBarView(
+          const TeamsListWidget(),
-            controller: _tabController,
-            children: const [TeamsListWidget(), MyTeamsWidget()],
-          ),
         ],
       ),
       bottomNavigationBar: BottomNavigationBar(

frontend_splatournament_manager/lib/pages/settings_page.dart

@@ -1,8 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:frontend_splatournament_manager/widgets/my_teams_widget.dart';
 import 'package:frontend_splatournament_manager/widgets/theme_selector_widget.dart';
-import 'package:provider/provider.dart';
-import 'package:frontend_splatournament_manager/providers/auth_provider.dart';
-import 'package:go_router/go_router.dart';
 
 import '../widgets/profile_widget.dart';
 
@@ -17,28 +15,23 @@ class _SettingsPageState extends State<SettingsPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: const Text('Einstellungen')),
+      appBar: AppBar(title: const Text('Profil')),
       body: Column(
         children: [
           const SizedBox(height: 24),
           const ProfileWidget(),
-          Column(
+          ThemeSelectorWidget(),
-            mainAxisSize: MainAxisSize.min,
+          const Padding(
-            children: [
+            padding: EdgeInsets.fromLTRB(16, 16, 16, 4),
-              ThemeSelectorWidget(),
+            child: Align(
-              ListTile(
+              alignment: Alignment.centerLeft,
-                leading: const Icon(Icons.logout, color: Colors.red),
+              child: Text(
-                title: const Text(
+                'Meine Teams',
-                  'Abmelden',
+                style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
-                  style: TextStyle(color: Colors.red),
-                ),
-                onTap: () {
-                  Provider.of<AuthProvider>(context, listen: false).logout();
-                  context.go('/login');
-                },
               ),
-            ],
+            ),
           ),
+          const Expanded(child: MyTeamsWidget()),
         ],
       ),
     );

frontend_splatournament_manager/lib/providers/team_provider.dart

@@ -6,9 +6,12 @@ class TeamProvider extends ChangeNotifier {
   final TeamService _teamService = TeamService();
 
   List<Team> _teams = [];
+  List<Team> _userTeams = [];
   Future<List<Team>>? _initialLoadFuture;
+  Future<List<Team>>? _userTeamsFuture;
 
   List<Team> get teams => _teams;
+  List<Team> get userTeams => _userTeams;
 
   Future<List<Team>> fetchAllTeams() async {
     _teams = await _teamService.getAllTeams();
@@ -26,6 +29,17 @@ class TeamProvider extends ChangeNotifier {
     return _initialLoadFuture!;
   }
 
+  Future<List<Team>> fetchUserTeams() async {
+    _userTeams = await _teamService.getUserTeams();
+    notifyListeners();
+    return _userTeams;
+  }
+
+  Future<List<Team>> ensureUserTeamsLoaded() {
+    _userTeamsFuture ??= fetchUserTeams();
+    return _userTeamsFuture!;
+  }
+
   Future<Team> createTeam({
     required String name,
     required String tag,
@@ -77,11 +91,19 @@ class TeamProvider extends ChangeNotifier {
 
   Future<void> joinTeam(int teamId) async {
     await _teamService.joinTeam(teamId);
-    notifyListeners();
+    await _refreshMembership();
   }
 
   Future<void> leaveTeam(int teamId) async {
     await _teamService.leaveTeam(teamId);
+    await _refreshMembership();
+  }
+
+  Future<void> _refreshMembership() async {
+    await Future.wait([
+      _teamService.getAllTeams().then((t) => _teams = t),
+      _teamService.getUserTeams().then((t) => _userTeams = t),
+    ]);
     notifyListeners();
   }
 

frontend_splatournament_manager/lib/widgets/my_teams_widget.dart

@@ -3,71 +3,57 @@ import 'package:frontend_splatournament_manager/models/team.dart';
 import 'package:frontend_splatournament_manager/providers/team_provider.dart';
 import 'package:provider/provider.dart';
 
-class MyTeamsWidget extends StatefulWidget {
+class MyTeamsWidget extends StatelessWidget {
   const MyTeamsWidget({super.key});
 
-  @override
-  State<MyTeamsWidget> createState() => _MyTeamsWidgetState();
-}
-
-class _MyTeamsWidgetState extends State<MyTeamsWidget> {
-  late Future<List<Team>> _myTeamsFuture;
-
-  @override
-  void initState() {
-    super.initState();
-    _loadMyTeams();
-  }
-
-  void _loadMyTeams() {
-    _myTeamsFuture = Provider.of<TeamProvider>(
-      context,
-      listen: false,
-    ).getUserTeams();
-  }
-
   @override
   Widget build(BuildContext context) {
-    return FutureBuilder<List<Team>>(
+    return Consumer<TeamProvider>(
-      future: _myTeamsFuture,
+      builder: (context, provider, _) {
-      builder: (context, snapshot) {
+        return FutureBuilder<List<Team>>(
-        if (snapshot.connectionState == ConnectionState.waiting) {
+          future: provider.ensureUserTeamsLoaded(),
-          return const Center(child: CircularProgressIndicator());
+          builder: (context, snapshot) {
-        }
+            final teams = provider.userTeams;
 
-        if (snapshot.hasError) {
+            if (snapshot.connectionState == ConnectionState.waiting &&
-          return Center(
+                teams.isEmpty) {
-            child: Text(
+              return const Center(child: CircularProgressIndicator());
-              'Fehler: ${snapshot.error.toString().replaceFirst('Exception: ', '')}',
+            }
-            ),
-          );
-        }
 
-        final teams = snapshot.data ?? [];
+            if (snapshot.hasError && teams.isEmpty) {
-        if (teams.isEmpty) {
+              return Center(
-          return const Center(
+                child: Text(
-            child: Text(
+                  "Fehler: ${snapshot.error.toString().replaceFirst("Exception: ", "")}",
-              'Du bist noch in keinem Team.\nTritt einem Team im Tab Alle Teams bei.',
+                ),
-            ),
+              );
-          );
+            }
-        }
 
-        return ListView.builder(
+            if (teams.isEmpty) {
-          padding: const EdgeInsets.all(16),
+              return const Center(
-          itemCount: teams.length,
+                child: Text(
-          itemBuilder: (context, index) => _buildTeamCard(teams[index]),
+                  'Du bist noch in keinem Team.\nTritt einem Team unter Teams bei.',
+                ),
+              );
+            }
+
+            return ListView.builder(
+              padding: const EdgeInsets.all(16),
+              itemCount: teams.length,
+              itemBuilder: (context, index) =>
+                  _buildTeamCard(context, teams[index]),
+            );
+          },
         );
       },
     );
   }
 
-  Widget _buildTeamCard(Team team) {
+  Widget _buildTeamCard(BuildContext context, Team team) {
     final memberCountText = team.memberCount != null
-        ? '${team.memberCount}/4 Mitglieder'
+        ? "${team.memberCount}/4 Mitglieder"
-        : 'Keine Mitglieder';
+        : "Keine Mitglieder";
-    final description = team.description.isEmpty
+    final description =
-        ? 'Keine Beschreibung'
+        team.description.isEmpty ? "Keine Beschreibung" : team.description;
-        : team.description;
 
     return Card(
       margin: const EdgeInsets.only(bottom: 12),
@@ -80,50 +66,47 @@ class _MyTeamsWidgetState extends State<MyTeamsWidget> {
         ),
         trailing: IconButton(
           icon: const Icon(Icons.logout, color: Colors.red),
-          onPressed: () => _leaveTeam(team),
+          onPressed: () => _leaveTeam(context, team),
         ),
       ),
     );
   }
 
-  Future<void> _leaveTeam(Team team) async {
+  Future<void> _leaveTeam(BuildContext context, Team team) async {
     final confirmed = await showDialog<bool>(
       context: context,
       builder: (context) => AlertDialog(
-        title: const Text('Team verlassen?'),
+        title: const Text("Team verlassen?"),
         content: Text('Soll "${team.name}" verlassen werden?'),
         actions: [
           TextButton(
             onPressed: () => Navigator.pop(context, false),
-            child: const Text('Abbrechen'),
+            child: const Text("Abbrechen"),
           ),
           TextButton(
             onPressed: () => Navigator.pop(context, true),
-            child: const Text('Verlassen', style: TextStyle(color: Colors.red)),
+            child: const Text("Verlassen", style: TextStyle(color: Colors.red)),
           ),
         ],
       ),
     );
 
-    if (confirmed == true && mounted) {
+    if (confirmed == true && context.mounted) {
       try {
-        await Provider.of<TeamProvider>(
+        await Provider.of<TeamProvider>(context, listen: false).leaveTeam(
-          context,
+          team.id,
-          listen: false,
+        );
-        ).leaveTeam(team.id);
+        if (context.mounted) {
-        if (mounted) {
           ScaffoldMessenger.of(
             context,
-          ).showSnackBar(const SnackBar(content: Text('Team verlassen')));
+          ).showSnackBar(const SnackBar(content: Text("Team verlassen")));
-          _loadMyTeams();
-          setState(() {});
         }
       } catch (e) {
-        if (mounted) {
+        if (context.mounted) {
           ScaffoldMessenger.of(context).showSnackBar(
             SnackBar(
               content: Text(
-                'Fehler: ${e.toString().replaceFirst('Exception: ', '')}',
+                "Fehler: ${e.toString().replaceFirst("Exception: ", "")}",
               ),
             ),
           );