Merge pull request #1384 from edenia/chore/change-producers-chart-sty…

…les-1382 chore(webapp): set text color for producer names except the one producing
edenia · Nov 8, 2023 · 841fe5e · 841fe5e
2 parents 7e8be98 + c976036
commit 841fe5e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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}
               />
             )
           })}