go-pkg/asynqmon
2
0
Fork 0
mirror of https://github.com/hibiken/asynqmon.git synced 2025-10-22 06:16:11 +08:00
Code Issues Projects Releases Wiki Activity

(ui): Update UI to use the user selected duration

Browse Source
This commit is contained in:
Ken Hibino
2021-12-01 17:14:26 -08:00
parent ce28af6a69
commit 3a90416b52
5 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/views/MetricsView.tsx
View File

@@ -13,8 +13,8 @@ import FormControl from "@material-ui/core/FormControl";
import FormLabel from "@material-ui/core/FormLabel";
import { getMetricsAsync } from "../actions/metricsActions";
import { AppState } from "../store";
import { usePolling } from "../hooks";
import QueueSizeMetricsChart from "../components/QueueSizeMetricsChart";
import { currentUnixtime } from "../utils";
const useStyles = makeStyles((theme) => ({
container: {
@@ -114,12 +114,15 @@ function MetricsView(props: Props) {
const open = Boolean(anchorEl);
const id = open ? "control-popover" : undefined;
//usePolling(getMetricsAsync, pollInterval);
React.useEffect(() => {
const fetchMetrics = () => getMetricsAsync();
const id = setInterval(fetchMetrics, pollInterval * 1000);
console.log("DEBUG: GETTING metrics", currentUnixtime(), durationSec);
getMetricsAsync(currentUnixtime(), durationSec);
const id = setInterval(() => {
console.log("DEBUG: GETTING metrics", currentUnixtime(), durationSec);
getMetricsAsync(currentUnixtime(), durationSec);
}, pollInterval * 1000);
return () => clearInterval(id);
}, [pollInterval, getMetricsAsync]);
}, [pollInterval, getMetricsAsync, durationSec]);
return (
<Container maxWidth="lg" className={classes.container}>