fix: knowledge panel name made visible (#1442)

* knowledge panel name made visible * used const values on margin * knowledge panel name made visible
openfoodfacts · Apr 2, 2022 · 3b16bbe · 3b16bbe
1 parent 494bfd7
commit 3b16bbe
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/...ges/smooth_app/lib/cards/product_cards/knowledge_panels/knowledge_panel_summary_card.dart b/...ges/smooth_app/lib/cards/product_cards/knowledge_panels/knowledge_panel_summary_card.dart
@@ -15,14 +15,28 @@ class KnowledgePanelSummaryCard extends StatelessWidget {
     if (knowledgePanel.titleElement == null) {
       return EMPTY_WIDGET;
     }
+    final ThemeData themeData = Theme.of(context);
     switch (knowledgePanel.titleElement!.type) {
       case TitleElementType.GRADE:
-        return ScoreCard(
-          iconUrl: knowledgePanel.titleElement!.iconUrl,
-          description: knowledgePanel.titleElement!.title,
-          cardEvaluation: getCardEvaluationFromKnowledgePanelTitleElement(
-            knowledgePanel.titleElement!,
-          ),
+        return Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: VERY_SMALL_SPACE),
+              child: Text(
+                knowledgePanel.topics!.first.substring(0, 1).toUpperCase() +
+                    knowledgePanel.topics!.first.substring(1),
+                style: themeData.textTheme.headline3,
+              ),
+            ),
+            ScoreCard(
+              iconUrl: knowledgePanel.titleElement!.iconUrl,
+              description: knowledgePanel.titleElement!.title,
+              cardEvaluation: getCardEvaluationFromKnowledgePanelTitleElement(
+                knowledgePanel.titleElement!,
+              ),
+            ),
+          ],
         );
       case null:
       case TitleElementType.UNKNOWN: