Updated summary query. Added visit time.

components/WebsiteSummary.js

@@ -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>
   );
 }