feat(hapi&webapp): show only one icon when bpjson is missing

edenia · Nov 3, 2022 · 0ef416d · 0ef416d
1 parent 6f9458f
commit 0ef416d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/hapi/src/services/eosio.service.js b/hapi/src/services/eosio.service.js
@@ -218,6 +218,9 @@ const getProducerHealthStatus = bpJson => {
     name: 'bpJson',
     valid: !!bpJson && !!Object.keys(bpJson).length
   })
+
+  if (!healthStatus[0].valid) return healthStatus
+
   healthStatus.push({
     name: 'organization_name',
     valid: !!bpJson.org?.candidate_name

diff --git a/webapp/src/components/InformationCard/styles.js b/webapp/src/components/InformationCard/styles.js
@@ -227,7 +227,7 @@ export default (theme) => ({
       color: theme.palette.warning.main,
     },
     [theme.breakpoints.up('lg')]: {
-      minWidth: 150,
+      minWidth: 130,
     },
   },
   social: {

diff --git a/webapp/src/components/ProducerHealthIndicators/index.js b/webapp/src/components/ProducerHealthIndicators/index.js
@@ -18,20 +18,18 @@ const ProducerHealthIndicators = ({ producer, message }) => {
   if (!producer.health_status.length) return <Typography>{message}</Typography>
 
   return (
-    <div>
+    <>
       {producer.health_status.map((item, index) => (
         <div
           className={classes.wrapper}
           key={`health-indicator-${producer?.owner || ''}-${index}`}
         >
-          <Typography>{`${t(`hs_${item.name}`)}: ${
-            item.valid ? t('found') : t('missing')
-          }`}</Typography>
+          <Typography>{`${t(`hs_${item.name}`)}`}</Typography>
           {item.valid && <LightIcon status="greenLight" />}
           {!item.valid && <LightIcon status="yellowLight" />}
         </div>
       ))}
-    </div>
+    </>
   )
 }
 

diff --git a/webapp/src/components/ProducerHealthIndicators/styles.js b/webapp/src/components/ProducerHealthIndicators/styles.js
@@ -1,6 +1,7 @@
 export default () => ({
   wrapper: {
     display: 'flex',
-    alignItems: 'center'
-  }
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
 })