Added active user count to realtime page.

This commit is contained in:
Mike Cao 2022-01-15 12:39:32 -08:00
parent ddb549258b
commit fa0ec301d0
3 changed files with 20 additions and 7 deletions

View file

@ -7,15 +7,15 @@ import { TOKEN_HEADER } from 'lib/constants';
import useShareToken from 'hooks/useShareToken';
import styles from './ActiveUsers.module.css';
export default function ActiveUsers({ websiteId, className }) {
export default function ActiveUsers({ websiteId, className, value, interval = 60000 }) {
const shareToken = useShareToken();
const { data } = useFetch(`/api/website/${websiteId}/active`, {
interval: 60000,
const { data } = useFetch(!value && `/api/website/${websiteId}/active`, {
interval,
headers: { [TOKEN_HEADER]: shareToken?.token },
});
const count = useMemo(() => {
return data?.[0]?.x || 0;
}, [data]);
return value || data?.[0]?.x || 0;
}, [data, value]);
if (count === 0) {
return null;