draft: implement realtime current users

This commit is contained in:
Manda Putra 2021-12-26 08:01:57 +07:00
parent b756fcddf1
commit f5ecc401bf
2 changed files with 9 additions and 2 deletions

View file

@ -2,6 +2,7 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import PageHeader from '../layout/PageHeader';
import DropDown from '../common/DropDown';
import ActiveUsers from './ActiveUsers';
import MetricCard from './MetricCard';
import styles from './RealtimeHeader.module.css';
@ -24,6 +25,9 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
<div>
<FormattedMessage id="label.realtime" defaultMessage="Realtime" />
</div>
<div>
<ActiveUsers className={styles.active} websiteId={websiteId} />
</div>
<DropDown value={websiteId} options={options} onChange={onSelect} />
</PageHeader>
<div className={styles.metrics}>