diff --git a/components/metrics/MetricCard.js b/components/metrics/MetricCard.js
index d0394b97..9b407f37 100644
--- a/components/metrics/MetricCard.js
+++ b/components/metrics/MetricCard.js
@@ -9,6 +9,7 @@ const MetricCard = ({
label,
reverseColors = false,
format = formatNumber,
+ hideComparison = false,
}) => {
const props = useSpring({ x: Number(value) || 0, from: { x: 0 } });
const changeProps = useSpring({ x: Number(change) || 0, from: { x: 0 } });
@@ -18,8 +19,8 @@ const MetricCard = ({
{props.x.interpolate(x => format(x))}
{label}
- {~~change === 0 &&
{format(0)}}
- {~~change !== 0 && (
+ {~~change === 0 && !hideComparison &&
{format(0)}}
+ {~~change !== 0 && !hideComparison && (
= 0
diff --git a/components/metrics/RealtimeHeader.js b/components/metrics/RealtimeHeader.js
index c501937a..8273b88c 100644
--- a/components/metrics/RealtimeHeader.js
+++ b/components/metrics/RealtimeHeader.js
@@ -30,18 +30,22 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
}
value={pageviews.length}
+ hideComparison
/>
}
value={sessions.length}
+ hideComparison
/>
}
value={events.length}
+ hideComparison
/>
}
value={countries.length}
+ hideComparison
/>
>