watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-18 11:35:37 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Refactored to use app folder.

Browse source
This commit is contained in:
Mike Cao 2023-09-29 05:29:22 -07:00
parent 40cfcd41e9
commit 9a52cdd2e1
258 changed files with 2025 additions and 2258 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/components/pages/realtime/RealtimeHeader.js
View file

@ -1,41 +0,0 @@
import MetricCard from 'components/metrics/MetricCard';
import useMessages from 'components/hooks/useMessages';
import styles from './RealtimeHeader.module.css';
export function RealtimeHeader({ data = {} }) {
const { formatMessage, labels } = useMessages();
const { pageviews, visitors, events, countries } = data;
return (
<div className={styles.header}>
<div className={styles.metrics}>
<MetricCard
className={styles.card}
label={formatMessage(labels.views)}
value={pageviews?.length}
hideComparison
/>
<MetricCard
className={styles.card}
label={formatMessage(labels.visitors)}
value={visitors?.length}
hideComparison
/>
<MetricCard
className={styles.card}
label={formatMessage(labels.events)}
value={events?.length}
hideComparison
/>
<MetricCard
className={styles.card}
label={formatMessage(labels.countries)}
value={countries?.length}
hideComparison
/>
</div>
</div>
);
}
export default RealtimeHeader;