Refactored data tables. Added realtime tables.

This commit is contained in:
Mike Cao 2020-10-10 00:07:08 -07:00
parent 51955c69ec
commit 8912daa2fa
29 changed files with 335 additions and 226 deletions

View file

@ -10,17 +10,7 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
{ label: <FormattedMessage id="label.all-websites" defaultMessage="All websites" />, value: 0 },
].concat(websites.map(({ name, website_id }) => ({ label: name, value: website_id })));
const { pageviews, sessions, events } = data;
const countries = sessions.reduce((obj, { country }) => {
if (country) {
if (!obj[country]) {
obj[country] = 1;
} else {
obj[country] += 1;
}
}
return obj;
}, {});
const { pageviews, sessions, events, countries } = data;
return (
<>
@ -45,7 +35,7 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
/>
<MetricCard
label={<FormattedMessage id="metrics.countries" defaultMessage="Countries" />}
value={Object.keys(countries).length}
value={countries.length}
/>
</div>
</>