# Conflicts:
#	lib/presentation/views/main_menu/game_history_view.dart

@@ -194,1 +194,3 @@
-        currentGame['date'],
+      return GameTile(
+        gameTitle: currentGame['title'],
+        gameType: currentGame['game'],

@@ -122,0 +18,4 @@
+  late Future<List<Game>> _gameListFuture;
+  late final AppDatabase db;
+
+  late final List<Game> skeletonData = List.filled(

@@ -188,3 +74,1 @@
-      icon: Icons.search,
-      title: 'Info',
-      message: 'Kein Spiel mit den Suchparametern gefunden.',
+        final bool isLoading = snapshot.connectionState == ConnectionState.waiting;

@@ -0,0 +17,4 @@
+}
+
+class _GameHistoryTileState extends State<GameHistoryTile> {
+  String _formatDate(DateTime dateTime) {

@@ -0,0 +32,4 @@
+    }
+  }
+
+  List<dynamic> _getAllPlayers() {

@@ -0,0 +101,4 @@
+
+          const SizedBox(height: 8),
+
+          if (group != null)

@@ -0,0 +125,4 @@
+
+          if (group != null) const SizedBox(height: 12),
+
+          if (winner != null)

@@ -171,0 +59,4 @@
+          return const Center(
+            heightFactor: 4,
+            child: Text(
+              'Error while loading recent games.',

@@ -178,0 +67,4 @@
+            (!snapshot.hasData || snapshot.data!.isEmpty)) {
+          return const Center(
+            heightFactor: 4,
+            child: Text('No recent games available.'),

@@ -0,0 +2,4 @@
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/data/dto/game.dart';
+import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
+import 'package:intl/intl.dart';

@@ -24,6 +24,7 @@ dependencies:
   json_schema: ^5.2.2
   file_saver: ^0.3.1
   clock: ^1.1.2
+  intl: ^0.18.0

@@ -191,0 +99,4 @@
+            itemBuilder: (BuildContext context, int index) {
+              if (index == games.length) {
+                return SizedBox(
+                  height: MediaQuery.paddingOf(context).bottom - 20,

@@ -0,0 +145,4 @@
+                  ),
+                  const SizedBox(width: 8),
+                  Text(
+                    'Winner: ${winner.name}',

@@ -0,0 +172,4 @@
+              spacing: 6,
+              runSpacing: 6,
+              children: allPlayers.map((player) {
+                final isWinner = winner != null && player.id == winner.id;

@@ -5,2 +8,4 @@
+import 'package:provider/provider.dart';
+import 'package:skeletonizer/skeletonizer.dart';
 
 class GameHistoryView extends StatefulWidget {

@@ -191,0 +86,4 @@
+          ..sort((a, b) => b.createdAt.compareTo(a.createdAt)))
+            .toList();
+
+        return Skeletonizer(

@@ -191,0 +110,4 @@
+                  height: MediaQuery.paddingOf(context).bottom - 80,
+                );
+              }
+              return GameHistoryTile(game: games[index]);

@@ -0,0 +4,4 @@
+import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
+import 'package:intl/intl.dart';
+
+class GameHistoryTile extends StatefulWidget {

@@ -0,0 +122,4 @@
+
+          if (allPlayers.isNotEmpty) ...[
+            const Text(
+              'Players:',