62: Add placeholder icon and fix icon size

verdigado · Feb 6, 2025 · de5a22a · de5a22a
1 parent 9e104ab
commit de5a22a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/assets/icons/sunflower.svg b/assets/icons/sunflower.svg
diff --git a/lib/features/settings/widgets/settings_card.dart b/lib/features/settings/widgets/settings_card.dart
@@ -47,9 +47,13 @@ class SettingsCard extends StatelessWidget {
             style: theme.textTheme.titleSmall?.apply(color: isEnabled ? ThemeColors.text : ThemeColors.textDisabled),
           ),
           subtitle: Text(subtitle, style: TextStyle(color: isEnabled ? ThemeColors.text : ThemeColors.textDisabled)),
-          leading: ClipRRect(
-            borderRadius: BorderRadius.circular(8.0),
-            child: icon,
+          leading: SizedBox(
+            height: 48,
+            width: 48,
+            child: ClipRRect(
+              borderRadius: BorderRadius.circular(8.0),
+              child: icon,
+            ),
           ),
           trailing: onPress != null
               ? Padding(

diff --git a/lib/features/tools/widgets/tools_list.dart b/lib/features/tools/widgets/tools_list.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:gruene_app/app/constants/config.dart';
 import 'package:gruene_app/app/utils/open_url.dart';
+import 'package:gruene_app/app/widgets/icon.dart';
 import 'package:gruene_app/features/settings/widgets/settings_card.dart';
 import 'package:gruene_app/swagger_generated_code/gruene_api.swagger.dart';
 
@@ -12,6 +13,7 @@ class ToolsList extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final theme = Theme.of(context);
     return ListView(
       padding: const EdgeInsets.all(16),
       children: tools.map(
@@ -23,7 +25,9 @@ class ToolsList extends StatelessWidget {
             subtitle: tool.shortDescription[Config.defaultLocale] as String? ?? '',
             onPress: url != null ? () => openUrl(url, context) : null,
             isExternal: true,
-            icon: icon != null ? SvgPicture.string(icon, width: 48, height: 48) : SizedBox(width: 48, height: 48),
+            icon: icon == null
+                ? CustomIcon(path: 'assets/icons/sunflower.svg', color: theme.colorScheme.primary)
+                : SvgPicture.string(icon, colorFilter: ColorFilter.mode(theme.colorScheme.primary, BlendMode.srcIn)),
           );
         },
       ).toList(),