Implemented ColoredIconContainer

lib/presentation/views/main_menu/group_view/group_profile_view.dart

@@ -1,15 +1,14 @@
 import 'package:flutter/material.dart';
-import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/data/db/database.dart';
 import 'package:game_tracker/data/dto/group.dart';
 import 'package:game_tracker/data/dto/match.dart';
 import 'package:game_tracker/data/dto/player.dart';
 import 'package:game_tracker/l10n/generated/app_localizations.dart';
-import 'package:game_tracker/presentation/views/main_menu/group_view/create_group_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
 import 'package:game_tracker/presentation/widgets/buttons/animated_dialog_button.dart';
 import 'package:game_tracker/presentation/widgets/buttons/main_menu_button.dart';
+import 'package:game_tracker/presentation/widgets/colored_icon.dart';
 import 'package:game_tracker/presentation/widgets/custom_alert_dialog.dart';
 import 'package:game_tracker/presentation/widgets/tiles/info_tile.dart';
 import 'package:game_tracker/presentation/widgets/tiles/text_icon_tile.dart';
@@ -108,19 +107,11 @@ class _GroupProfileViewState extends State<GroupProfileView> {
                 bottom: 100,
               ),
               children: [
-                Center(
-                  child: Container(
-                    width: 55,
-                    height: 55,
-                    decoration: BoxDecoration(
-                      color: CustomTheme.primaryColor.withGreen(40),
-                      borderRadius: BorderRadius.circular(10),
-                    ),
-                    child: Icon(
-                      Icons.group,
-                      size: 38,
-                      color: CustomTheme.secondaryColor,
-                    ),
+                const Center(
+                  child: ColoredIconContainer(
+                    icon: Icons.group,
+                    containerSize: 55,
+                    iconSize: 38,
                   ),
                 ),
                 const SizedBox(height: 10),
@@ -185,15 +176,19 @@ class _GroupProfileViewState extends State<GroupProfileView> {
               child: MainMenuButton(
                 text: loc.edit_group,
                 icon: Icons.edit,
-                onPressed: () async {
+                onPressed: () {
+                  // TODO: Uncomment when GroupDetailView is implemented
+                  /*
                   await Navigator.push(
                     context,
                     adaptivePageRoute(
                       builder: (context) {
-                        return const CreateGroupView();
+
+                        return const GroupDetailView();
                       },
                     ),
-                  );
+                  );*/
+                  print('Edit Group pressed');
                 },
               ),
             ),
@@ -204,6 +199,8 @@ class _GroupProfileViewState extends State<GroupProfileView> {
   }
 
   /// Builds a single statistic row with a label and value
+  /// - [label]: The label of the statistic
+  /// - [value]: The value of the statistic
   Widget _buildStatRow(String label, String value) {
     return Padding(
       padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),

lib/presentation/views/main_menu/settings_view/licenses/license_detail_view.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/oss_licenses.dart';
+import 'package:game_tracker/presentation/widgets/colored_icon.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 class LicenseDetailView extends StatelessWidget {
@@ -29,19 +30,11 @@ class LicenseDetailView extends StatelessWidget {
                   Row(
                     mainAxisAlignment: MainAxisAlignment.center,
                     children: [
-                      Container(
-                        margin: const EdgeInsetsGeometry.only(right: 15),
-                        width: 60,
-                        height: 60,
-                        decoration: BoxDecoration(
-                          color: CustomTheme.primaryColor.withAlpha(40),
-                          borderRadius: BorderRadius.circular(10),
-                        ),
-                        child: Icon(
-                          Icons.description,
-                          color: CustomTheme.primaryColor,
-                          size: 30,
-                        ),
+                      const ColoredIconContainer(
+                        icon: Icons.description,
+                        margin: EdgeInsetsGeometry.only(right: 15),
+                        containerSize: 60,
+                        iconSize: 30,
                       ),
                       Column(
                         crossAxisAlignment: CrossAxisAlignment.start,

lib/presentation/widgets/colored_icon.dart

@@ -0,0 +1,57 @@
+import 'package:flutter/cupertino.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+
+class ColoredIconContainer extends StatelessWidget {
+  /// A customizable container widget that displays an icon with a colored background.
+  /// - [icon]: The icon to be displayed inside the container.
+  /// - [containerSize]: The size of the container (width and height).
+  /// - [iconSize]: The size of the icon inside the container.
+  /// - [margin]: Optional margin around the container.
+  /// - [padding]: Optional padding inside the container.
+  const ColoredIconContainer({
+    super.key,
+    required this.icon,
+    this.containerSize = 44,
+    this.iconSize = 28,
+    this.margin,
+    this.padding,
+  });
+
+  /// The icon to be displayed inside the container.
+  final IconData icon;
+
+  /// The size of the container (width and height).
+  final double containerSize;
+
+  /// The size of the icon inside the container.
+  final double iconSize;
+
+  /// Optional margin around the container.
+  final EdgeInsetsGeometry? margin;
+
+  /// Optional padding inside the container.
+  final EdgeInsetsGeometry? padding;
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        Container(
+          width: containerSize,
+          height: containerSize,
+          margin: margin,
+          padding: padding,
+          decoration: BoxDecoration(
+            color: CustomTheme.primaryColor.withAlpha(40),
+            borderRadius: BorderRadius.circular(10),
+          ),
+          child: Icon(
+            icon,
+            size: iconSize,
+            color: CustomTheme.primaryColor.withGreen(40),
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/presentation/widgets/tiles/license_tile.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
 import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/license_detail_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/oss_licenses.dart';
+import 'package:game_tracker/presentation/widgets/colored_icon.dart';
 
 class LicenseTile extends StatelessWidget {
   /// A tile widget that displays information about a software package license.
@@ -29,18 +30,10 @@ class LicenseTile extends StatelessWidget {
         ),
         child: Row(
           children: [
-            Container(
-              width: 50,
-              height: 50,
-              decoration: BoxDecoration(
-                color: CustomTheme.primaryColor.withAlpha(40),
-                borderRadius: BorderRadius.circular(10),
-              ),
-              child: Icon(
-                Icons.description,
-                color: CustomTheme.primaryColor,
-                size: 32,
-              ),
+            const ColoredIconContainer(
+              icon: Icons.description,
+              containerSize: 50,
+              iconSize: 32,
             ),
             const SizedBox(width: 16),
             Expanded(

lib/presentation/widgets/tiles/settings_list_tile.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/presentation/widgets/colored_icon.dart';
 
 class SettingsListTile extends StatelessWidget {
   /// A customizable settings list tile widget that displays an icon, title, and an optional suffix widget.
@@ -46,18 +47,10 @@ class SettingsListTile extends StatelessWidget {
                   Row(
                     mainAxisSize: MainAxisSize.min,
                     children: [
-                      Container(
-                        width: 44,
-                        height: 44,
-                        decoration: BoxDecoration(
-                          color: CustomTheme.primaryColor.withAlpha(40),
-                          borderRadius: BorderRadius.circular(10),
-                        ),
-                        child: Icon(
-                          icon,
-                          size: 28,
-                          color: CustomTheme.primaryColor.withGreen(40),
-                        ),
+                      ColoredIconContainer(
+                        icon: icon,
+                        containerSize: 44,
+                        iconSize: 28,
                       ),
                       const SizedBox(width: 16),
                       Text(title, style: const TextStyle(fontSize: 18)),

pubspec.yaml

@@ -1,7 +1,7 @@
 name: game_tracker
 description: "Game Tracking App for Card Games"
 publish_to: 'none'
-version: 0.0.7+221
+version: 0.0.7+227
 
 environment:
   sdk: ^3.8.1