From c976036d8e13746cdef6a3de457df33a34026cdc Mon Sep 17 00:00:00 2001
From: Torresmorah <torresmorah@gmail.com>
Date: Wed, 8 Nov 2023 10:30:25 -0600
Subject: [PATCH] chore(webapp): set text color for producer names except the
 one producing

---
 webapp/src/components/ChartHeader/styles.js   | 1 +
 webapp/src/components/ProducersChart/index.js | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/ChartHeader/styles.js b/webapp/src/components/ChartHeader/styles.js
index 9be1ca03..37ce5368 100644
--- a/webapp/src/components/ChartHeader/styles.js
+++ b/webapp/src/components/ChartHeader/styles.js
@@ -4,6 +4,7 @@ export default (theme) => ({
     justifyContent: 'space-between',
     flexDirection: 'column',
     alignItems: 'baseline',
+    minHeight: '60px',
     padding: theme.spacing(1),
     [theme.breakpoints.up('md')]: {
       justifyContent: 'space-between',
diff --git a/webapp/src/components/ProducersChart/index.js b/webapp/src/components/ProducersChart/index.js
index f07e44fd..4650bd78 100644
--- a/webapp/src/components/ProducersChart/index.js
+++ b/webapp/src/components/ProducersChart/index.js
@@ -93,15 +93,17 @@ const CustomBarLabel = memo(
     }
 
     const ProducerName = () => {
+      const isProducing = fill === theme.palette.primary.main
+
       const Content = () => (
         <text
           transform={`translate(${cartesianText.x}, ${cartesianText.y})`}
           textAnchor={getNameTextAnchor(x, cx)}
           dominantBaseline="central"
-          fill={theme.palette.primary.main}
+          fill={isProducing ? fill : theme.palette.text.primary}
           fontSize={sm ? 14 : 12}
           fontFamily="Roboto, Helvetica, Arial, sans-serif;"
-          fontWeight={fill === theme.palette.primary.main ? 'bold' : 'normal'}
+          fontWeight={isProducing ? 'bold' : 'normal'}
         >
           {payload.owner}
         </text>
@@ -258,6 +260,7 @@ const ProducersChart = ({ producers, info }) => {
                     ? theme.palette.primary.main
                     : theme.palette.primary.light
                 }
+                stroke={theme.palette.background.default}
               />
             )
           })}