Updated summary query. Added visit time.

This commit is contained in:
Mike Cao 2020-07-29 21:40:26 -07:00
parent da2d383b71
commit efdbd1c632
4 changed files with 69 additions and 24 deletions

View file

@ -1,11 +1,12 @@
import React, { useState, useEffect } from 'react';
import MetricCard from './MetricCard';
import { get } from '../lib/web';
import { formatShortTime } from 'lib/format';
import styles from './WebsiteSummary.module.css';
export default function WebsiteSummary({ websiteId, startDate, endDate }) {
const [data, setData] = useState({});
const { pageviews, uniques, bounces } = data;
const { pageviews, uniques, bounces, totaltime } = data;
async function loadData() {
setData(
@ -29,6 +30,11 @@ export default function WebsiteSummary({ websiteId, startDate, endDate }) {
value={uniques ? (bounces / uniques) * 100 : 0}
format={n => Number(n).toFixed(0) + '%'}
/>
<MetricCard
label="Average visit time"
value={totaltime && pageviews ? totaltime / (pageviews - bounces) : 0}
format={n => formatShortTime(n, ['m', 's'], ' ')}
/>
</div>
);
}