feat(webapp): add link to the second block in the ATH card

edenia · Jul 13, 2023 · cbfda5d · cbfda5d
1 parent 71ff92a
commit cbfda5d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 17 deletions.
diff --git a/webapp/src/components/TransactionsHistory/index.js b/webapp/src/components/TransactionsHistory/index.js
@@ -17,17 +17,17 @@ import styles from './styles'
 
 const useStyles = makeStyles(styles)
 
-const BodyGraphValue = ({ loading, value, classes, href }) => {
+const BodyGraphValue = ({ loading, value, classes, links }) => {
   if (loading) return <LinearProgress />
 
   return (
     <Typography component="p" variant="h6">
       {value}
-      {href && (
-        <a href={href} target="_blank" rel="noopener noreferrer">
+      {links && links.map((href, index) => (
+        <a key={`link-body-graph-${index}`} href={href} target="_blank" rel="noopener noreferrer">
           <LaunchIcon className={classes.svgLink} color="primary" />
         </a>
-      )}
+      ))}
     </Typography>
   )
 }
@@ -60,19 +60,15 @@ const TransactionsHistory = ({ t, nodesChildren }) => {
               value={data?.stats[0]?.tps_all_time_high?.transactions_count}
               loading={loading}
               classes={classes}
-              href={getBlockNumUrl(
-                data?.stats?.[0]?.tps_all_time_high?.blocks[0],
-              )}
+              links={data?.stats?.[0]?.tps_all_time_high?.blocks.map(block => getBlockNumUrl(block))}
             />
           </SimpleDataCard>
           <SimpleDataCard>
             <Typography>{t('cpuUtilizationAllTimeHigh')}</Typography>
             <BodyGraphValue
               value={`${data?.stats[0]?.tps_all_time_high?.cpu_usage || 0} %`}
               classes={classes}
-              href={getBlockNumUrl(
-                data?.stats?.[0]?.tps_all_time_high?.blocks[0],
-              )}
+              links={data?.stats?.[0]?.tps_all_time_high?.blocks.map(block => getBlockNumUrl(block))}
               loading={loading}
             />
           </SimpleDataCard>
@@ -81,9 +77,7 @@ const TransactionsHistory = ({ t, nodesChildren }) => {
             <BodyGraphValue
               value={`${data?.stats[0]?.tps_all_time_high?.net_usage || 0} %`}
               classes={classes}
-              href={getBlockNumUrl(
-                data?.stats?.[0]?.tps_all_time_high?.blocks[0],
-              )}
+              links={data?.stats?.[0]?.tps_all_time_high?.blocks.map(block => getBlockNumUrl(block))}
               loading={loading}
             />
           </SimpleDataCard>

diff --git a/webapp/src/language/en.json b/webapp/src/language/en.json
@@ -139,8 +139,8 @@
     "tpsAllTimeHigh": "TPS All Time High",
     "cpuUtilization": "CPU Usage",
     "netUtilization": "NET Usage",
-    "cpuUtilizationAllTimeHigh": "CPU Usage All Time High",
-    "networkUtilizationAllTimeHigh": "NET Usage All Time High",
+    "cpuUtilizationAllTimeHigh": "CPU Usage in TPS All Time High",
+    "networkUtilizationAllTimeHigh": "NET Usage in TPS All Time High",
     "transactionsPerSecond": "Transactions per Second",
     "transactionsPerBlock": "Transactions per Block",
     "nodes": "Nodes",

diff --git a/webapp/src/language/es.json b/webapp/src/language/es.json
@@ -143,8 +143,8 @@
     "secondsAgo": "Hace Segundos",   
     "cpuUtilization": "Uso de CPU",
     "netUtilization": "Uso de NET",
-    "cpuUtilizationAllTimeHigh": "Máxima uso de CPU",
-    "networkUtilizationAllTimeHigh": "Máxima uso de NET",
+    "cpuUtilizationAllTimeHigh": "Uso de CPU en TPS máximo histórico",
+    "networkUtilizationAllTimeHigh": "Uso de NET en TPS máximo histórico",
     "tpsAllTimeHigh": "TPS máximo histórico",
     "transactionsPerSecond": "Transacciones por segundo",
     "transactionsPerBlock": "Transacciones por bloque",