github/umami
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Added useDateRange hook.

Browse Source
This commit is contained in:
Mike Cao
2020-08-31 15:02:32 -07:00
parent c5cb19a3bf
commit 2837251db7
7 changed files with 30 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/metrics/EventsChart.js
View File

@@ -1,9 +1,9 @@
import React, { useMemo } from 'react';
import tinycolor from 'tinycolor2';
import BarChart from './BarChart';
import { getTimezone, getDateArray, getDateLength, getDateRange } from 'lib/date';
import { getTimezone, getDateArray, getDateLength } from 'lib/date';
import useFetch from 'hooks/useFetch';
import { useSelector } from 'react-redux';
import { useDateRange } from 'hooks/useDateRange';
const COLORS = [
'#2680eb',
@@ -16,9 +16,9 @@ const COLORS = [
'#85d044',
];
export default function EventsChart({ websiteId, defaultDateRange = '7day' }) {
const dateRange = useSelector(state => state.websites[websiteId]?.dateRange);
const { startDate, endDate, unit, modified } = dateRange || getDateRange(defaultDateRange);
export default function EventsChart({ websiteId }) {
const dateRange = useDateRange(websiteId);
const { startDate, endDate, unit, modified } = dateRange;
const { data } = useFetch(
`/api/website/${websiteId}/events`,
{