diff --git a/src/v2/components/TourDeSol/Cards/index.jsx b/src/v2/components/TourDeSol/Cards/index.jsx index 60f42df0..65e14543 100644 --- a/src/v2/components/TourDeSol/Cards/index.jsx +++ b/src/v2/components/TourDeSol/Cards/index.jsx @@ -9,7 +9,7 @@ import useStyles from './styles'; const Cards = () => { const classes = useStyles(); - const {cluster, validators, totalStakedTokens} = NodesStore; + const {cluster, validators, inactiveValidators, totalStakedTokens} = NodesStore; const cards = [ { @@ -38,7 +38,7 @@ const Cards = () => { }, { title: 'Current Network Inflation Rate', - value: ((cluster.networkInflationRate * 100.0).toFixed(3) + '%') || 'N/A', + value: (cluster.networkInflationRate * 100.0).toFixed(3) + '%', changes: '', period: 'since yesterday', }, @@ -50,7 +50,7 @@ const Cards = () => { }, { title: '# of Inactive Validators', - value: 'TODO', + value: inactiveValidators.length, changes: '', period: 'since yesterday', }, diff --git a/src/v2/components/UI/StatCard/index.jsx b/src/v2/components/UI/StatCard/index.jsx index fe49e4c2..1a96258d 100644 --- a/src/v2/components/UI/StatCard/index.jsx +++ b/src/v2/components/UI/StatCard/index.jsx @@ -15,7 +15,7 @@ const StatCard = (props: StatCardProps) => { const classes = useStyles(); const {title, value, changes} = props; const renderValue = () => { - if (!value) return; + if (!value && !(value === 0)) return; if (typeof value === 'function') { return value(); }