Merge branch 'develop' into feature/95-delete-all-games-button

# Conflicts:
#	pubspec.yaml

lib/presentation/views/graph_view.dart

@@ -1,7 +1,7 @@
+import 'package:cabo_counter/core/custom_theme.dart';
 import 'package:cabo_counter/data/game_session.dart';
 import 'package:cabo_counter/l10n/generated/app_localizations.dart';
 import 'package:flutter/cupertino.dart';
-import 'package:flutter/material.dart';
 import 'package:syncfusion_flutter_charts/charts.dart';
 
 class GraphView extends StatefulWidget {
@@ -15,38 +15,59 @@ class GraphView extends StatefulWidget {
 
 class _GraphViewState extends State<GraphView> {
   /// List of colors for the graph lines.
-  List<Color> lineColors = [
-    Colors.red,
-    Colors.blue,
-    Colors.orange.shade400,
-    Colors.purple,
-    Colors.green,
+  final List<Color> lineColors = [
+    CustomTheme.graphColor1,
+    CustomTheme.graphColor2,
+    CustomTheme.graphColor3,
+    CustomTheme.graphColor4,
+    CustomTheme.graphColor5
   ];
 
   @override
   Widget build(BuildContext context) {
     return CupertinoPageScaffold(
-      navigationBar: CupertinoNavigationBar(
-        middle: Text(AppLocalizations.of(context).game_process),
-        previousPageTitle: AppLocalizations.of(context).back,
-      ),
-      child: Padding(
-        padding: const EdgeInsets.fromLTRB(0, 100, 0, 0),
-        child: SfCartesianChart(
-          legend:
-              const Legend(isVisible: true, position: LegendPosition.bottom),
-          primaryXAxis: const NumericAxis(),
-          primaryYAxis: const NumericAxis(),
-          series: getCumulativeScores(),
+        navigationBar: CupertinoNavigationBar(
+          middle: Text(AppLocalizations.of(context).game_process),
+          previousPageTitle: AppLocalizations.of(context).back,
         ),
-      ),
-    );
+        child: widget.gameSession.roundNumber > 2
+            ? Padding(
+                padding: const EdgeInsets.fromLTRB(0, 100, 0, 0),
+                child: SfCartesianChart(
+                  legend: const Legend(
+                      isVisible: true, position: LegendPosition.bottom),
+                  primaryXAxis: const NumericAxis(
+                    interval: 1,
+                    decimalPlaces: 0,
+                  ),
+                  primaryYAxis: const NumericAxis(),
+                  series: getCumulativeScores(),
+                ),
+              )
+            : Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  const Center(
+                    child: Icon(CupertinoIcons.chart_bar_alt_fill, size: 60),
+                  ),
+                  const SizedBox(height: 10),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 40),
+                    child: Text(
+                      AppLocalizations.of(context).empty_graph_text,
+                      textAlign: TextAlign.center,
+                      style: const TextStyle(fontSize: 16),
+                    ),
+                  ),
+                ],
+              ));
   }
 
   /// Returns a list of LineSeries representing the cumulative scores of each player.
   /// Each series contains data points for each round, showing the cumulative score up to that round.
   /// The x-axis represents the round number, and the y-axis represents the cumulative score.
-  List<LineSeries<(int, int), int>> getCumulativeScores() {
+  List<LineSeries<(int, num), int>> getCumulativeScores() {
     final rounds = widget.gameSession.roundList;
     final playerCount = widget.gameSession.players.length;
     final playerNames = widget.gameSession.players;
@@ -61,21 +82,29 @@ class _GraphViewState extends State<GraphView> {
       }
     }
 
+    const double jitterStep = 0.15;
+
     /// Create a list of LineSeries for each player
     /// Each series contains data points for each round
     return List.generate(playerCount, (i) {
       final data = List.generate(
         cumulativeScores[i].length,
-        (j) => (j + 1, cumulativeScores[i][j]), // (round, score)
+        (j) => (
+          j + 1,
+
+          // Add a small jitter to the cumulative scores to prevent overlapping data points in the graph.
+          // The jitter is centered around zero by subtracting playerCount ~/ 2 from the player index i.
+          cumulativeScores[i][j] + (i - playerCount ~/ 2) * jitterStep
+        ),
       );
 
       /// Create a LineSeries for the player
       /// The xValueMapper maps the round number, and the yValueMapper maps the cumulative score.
-      return LineSeries<(int, int), int>(
+      return LineSeries<(int, num), int>(
         name: playerNames[i],
         dataSource: data,
-        xValueMapper: (record, _) => record.$1, // Runde
-        yValueMapper: (record, _) => record.$2, // Punktestand
+        xValueMapper: (record, _) => record.$1,
+        yValueMapper: (record, _) => record.$2,
         markerSettings: const MarkerSettings(isVisible: true),
         color: lineColors[i],
       );

lib/presentation/views/main_menu_view.dart

@@ -88,10 +88,9 @@ class _MainMenuViewState extends State<MainMenuView> {
                     ? const Center(child: CupertinoActivityIndicator())
                     : gameManager.gameList.isEmpty
                         ? Column(
-                            mainAxisAlignment:
-                                MainAxisAlignment.center, // Oben ausrichten
+                            mainAxisAlignment: MainAxisAlignment.center,
                             children: [
-                              const SizedBox(height: 30), // Abstand von oben
+                              const SizedBox(height: 30),
                               Center(
                                   child: GestureDetector(
                                 onTap: () => Navigator.push(
@@ -107,7 +106,7 @@ class _MainMenuViewState extends State<MainMenuView> {
                                   color: CustomTheme.primaryColor,
                                 ),
                               )),
-                              const SizedBox(height: 10), // Abstand von oben
+                              const SizedBox(height: 10),
                               Padding(
                                 padding:
                                     const EdgeInsets.symmetric(horizontal: 70),