mirror of
https://github.com/kremalicious/umami.git
synced 2024-12-30 08:47:44 +01:00
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
import { useDispatch, useSelector } from 'react-redux';
|
|
import { parseISO } from 'date-fns';
|
|
import { getDateRange } from 'lib/date';
|
|
import { getItem, setItem } from 'lib/web';
|
|
import { setDateRange } from '../redux/actions/websites';
|
|
import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE } from 'lib/constants';
|
|
import useForceUpdate from './useForceUpdate';
|
|
|
|
export default function useDateRange(websiteId, defaultDateRange = DEFAULT_DATE_RANGE) {
|
|
const dispatch = useDispatch();
|
|
const dateRange = useSelector(state => state.websites[websiteId]?.dateRange);
|
|
const forceUpdate = useForceUpdate();
|
|
|
|
const globalDefault = getItem(DATE_RANGE_CONFIG);
|
|
let globalDateRange;
|
|
|
|
if (globalDefault) {
|
|
if (typeof globalDefault === 'string') {
|
|
globalDateRange = getDateRange(globalDefault);
|
|
} else if (typeof globalDefault === 'object') {
|
|
globalDateRange = {
|
|
...globalDefault,
|
|
startDate: parseISO(globalDefault.startDate),
|
|
endDate: parseISO(globalDefault.endDate),
|
|
};
|
|
}
|
|
}
|
|
|
|
function saveDateRange(values) {
|
|
const { value } = values;
|
|
|
|
if (websiteId) {
|
|
dispatch(setDateRange(websiteId, values));
|
|
} else {
|
|
setItem(DATE_RANGE_CONFIG, value === 'custom' ? values : value);
|
|
forceUpdate();
|
|
}
|
|
}
|
|
|
|
return [dateRange || globalDateRange || getDateRange(defaultDateRange), saveDateRange];
|
|
}
|