watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 14:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

DropDown component. Renamed files.

Browse source
This commit is contained in:
Mike Cao 2020-07-30 20:11:43 -07:00
parent ff4492ffb5
commit 9f112c8cc9
16 changed files with 149 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

53
components/WebsiteStats.js
View file

@ -1,53 +0,0 @@
import React, { useState, useEffect, useMemo } from 'react';
import PageviewsChart from './PageviewsChart';
import { get } from 'lib/web';
import { getDateArray, getDateRange, getTimezone } from 'lib/date';
import WebsiteSummary from './WebsiteSummary';
import QuickButtons from './QuickButtons';
import styles from './WebsiteStats.module.css';
export default function WebsiteStats({ title, websiteId }) {
const [data, setData] = useState();
const [dateRange, setDateRange] = useState(getDateRange('7day'));
const { startDate, endDate, unit } = dateRange;
const [pageviews, uniques] = useMemo(() => {
if (data) {
return [
getDateArray(data.pageviews, startDate, endDate, unit),
getDateArray(data.uniques, startDate, endDate, unit),
];
}
return [[], []];
}, [data]);
function handleDateChange(values) {
setDateRange(values);
}
async function loadData() {
setData(
await get(`/api/website/${websiteId}/pageviews`, {
start_at: +startDate,
end_at: +endDate,
unit,
tz: getTimezone(),
}),
);
}
useEffect(() => {
loadData();
}, [websiteId, startDate, endDate, unit]);
return (
<div className={styles.container}>
<div className={styles.title}>{title}</div>
<div className={styles.header}>
<WebsiteSummary websiteId={websiteId} startDate={startDate} endDate={endDate} />
<QuickButtons onChange={handleDateChange} />
</div>
<PageviewsChart data={{ pageviews, uniques }} unit={unit} />
</div>
);
}