watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Updates to realtime. Fixed refresh button.

Browse source
This commit is contained in:
Mike Cao 2023-02-14 17:23:20 -08:00
parent 638a674e99
commit 28921a7cd5
31 changed files with 373 additions and 314 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/input/RefreshButton.js
View file

@ -1,22 +1,16 @@
import { useState, useEffect, useCallback } from 'react';
import { useIntl } from 'react-intl';
import { Button, Icon, Tooltip } from 'react-basics';
import useStore from 'store/queries';
import { LoadingButton, Icon, Tooltip } from 'react-basics';
import { setDateRange } from 'store/websites';
import useDateRange from 'hooks/useDateRange';
import Icons from 'components/icons';
import { labels } from 'components/messages';
function RefreshButton({ websiteId }) {
function RefreshButton({ websiteId, isLoading }) {
const { formatMessage } = useIntl();
const [dateRange] = useDateRange(websiteId);
const [loading, setLoading] = useState(false);
const selector = useCallback(state => state[`/websites/${websiteId}/stats`], [websiteId]);
const completed = useStore(selector);
function handleClick() {
if (!loading && dateRange) {
setLoading(true);
if (!isLoading && dateRange) {
if (/^\d+/.test(dateRange.value)) {
setDateRange(websiteId, dateRange.value);
} else {
@ -25,17 +19,13 @@ function RefreshButton({ websiteId }) {
}
}
useEffect(() => {
setLoading(false);
}, [completed]);
return (
<Tooltip label={formatMessage(labels.refresh)}>
<Button onClick={handleClick}>
<LoadingButton loading={isLoading} onClick={handleClick}>
<Icon>
<Icons.Refresh />
</Icon>
</Button>
</LoadingButton>
</Tooltip>
);
}