lib/presentation/widgets/game_tile.dart

@@ -2,7 +2,20 @@ import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 
 class GameTile extends StatefulWidget {
-  const GameTile({super.key});
+  final String gameTitle;
+  final String gameType;
+  final String ruleset;
+  final String players;
+  final String winner;
+
+  const GameTile({
+    super.key,
+    required this.gameTitle,
+    required this.gameType,
+    required this.ruleset,
+    required this.players,
+    required this.winner,
+  });
 
   @override
   State<GameTile> createState() => _GameTileState();
@@ -11,29 +24,19 @@ class GameTile extends StatefulWidget {
 class _GameTileState extends State<GameTile> {
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Column(
-      padding: const EdgeInsets.all(12),
-      height: 120,
-      width: 250,
-      decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(12),
-        color: CustomTheme.boxColor,
-        border: Border.all(color: CustomTheme.boxBorder),
-      ),
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.start,
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-          const Row(
+        Row(
           children: [
             Text(
-                'Gametitle',
+              widget.gameTitle,
-                style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
+              style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
             ),
-              SizedBox(width: 5),
+            const SizedBox(width: 5),
             Text(
-                'Gametype',
+              widget.gameType,
-                style: TextStyle(fontSize: 14, color: Colors.grey),
+              style: const TextStyle(fontSize: 14, color: Colors.grey),
             ),
           ],
         ),
@@ -45,18 +48,18 @@ class _GameTileState extends State<GameTile> {
             borderRadius: BorderRadius.circular(4),
             color: CustomTheme.primaryColor,
           ),
-            child: const Text(
-              'Ruleset',
-              style: TextStyle(fontWeight: FontWeight.bold),
-            ),
-          ),
-          const Center(
           child: Text(
-              '5 Player',
+            widget.ruleset,
-              style: TextStyle(fontWeight: FontWeight.bold),
+            style: const TextStyle(fontWeight: FontWeight.bold),
+          ),
+        ),
+        Center(
+          heightFactor: 1.5,
+          child: Text(
+            widget.players,
+            style: const TextStyle(fontWeight: FontWeight.bold),
           ),
         ),
-          const Spacer(),
         Center(
           child: Container(
             padding: const EdgeInsets.symmetric(horizontal: 4),
@@ -65,18 +68,23 @@ class _GameTileState extends State<GameTile> {
               borderRadius: BorderRadius.circular(4),
               color: Colors.yellow.shade300,
             ),
-              child: const Text(
+            child: Row(
-                'In Progress',
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Icon(Icons.emoji_events, color: Colors.black, size: 20),
+                Text(
+                  widget.winner,
                   textAlign: TextAlign.center,
-                style: TextStyle(
+                  style: const TextStyle(
                     fontWeight: FontWeight.bold,
                     color: Colors.black87,
                   ),
                 ),
+              ],
+            ),
           ),
         ),
       ],
-      ),
     );
   }
 }