Fixed realtime chart display.

This commit is contained in:
Mike Cao 2023-02-17 21:42:42 -08:00
parent 93b77672f3
commit 802c262cd9
14 changed files with 112 additions and 75 deletions

View file

@ -7,13 +7,20 @@ export default function RealtimeHeader({ data = {} }) {
const { formatMessage } = useIntl();
const { pageviews, sessions, events, countries } = data;
const visitors = sessions?.reduce((arr, { sessionId }) => {
if (sessionId && !arr.includes(sessionId)) {
return arr.concat(sessionId);
}
return arr;
}, []);
return (
<div className={styles.header}>
<div className={styles.metrics}>
<MetricCard label={formatMessage(labels.views)} value={pageviews?.length} hideComparison />
<MetricCard
label={formatMessage(labels.visitors)}
value={sessions?.length}
value={visitors?.length}
hideComparison
/>
<MetricCard label={formatMessage(labels.events)} value={events?.length} hideComparison />