|
1 | 1 | import { Box, Button, duration, Typography } from '@mui/material'; |
2 | 2 | import TextField from '@mui/material/TextField'; |
3 | | -import React, { useEffect, useState, useCallback } from 'react'; |
4 | | -import { useHistory, useLocation } from 'react-router-dom'; |
5 | 3 | import queryString from 'query-string'; |
| 4 | +import React, { useCallback, useEffect, useState } from 'react'; |
| 5 | +import { useHistory, useLocation } from 'react-router-dom'; |
6 | 6 |
|
7 | 7 | import { formatDate, TIME_FORMATS } from '../../utils/datetimesUtils'; |
8 | 8 | import MuiTable from '../common/dataDisplay/table/MuiTable'; |
@@ -65,22 +65,25 @@ const ProfilingStatusPage = () => { |
65 | 65 | }, [location.search]); |
66 | 66 |
|
67 | 67 | // Update URL when filter changes |
68 | | - const updateURL = useCallback((serviceName) => { |
69 | | - const searchParams = queryString.parse(location.search); |
70 | | - if (serviceName && serviceName.length >= 3) { |
71 | | - searchParams.service = serviceName; |
72 | | - } else { |
73 | | - delete searchParams.service; |
74 | | - } |
75 | | - history.push({ search: queryString.stringify(searchParams) }); |
76 | | - }, [location.search, history]); |
| 68 | + const updateURL = useCallback( |
| 69 | + (serviceName) => { |
| 70 | + const searchParams = queryString.parse(location.search); |
| 71 | + if (serviceName && serviceName.length >= 3) { |
| 72 | + searchParams.service = serviceName; |
| 73 | + } else { |
| 74 | + delete searchParams.service; |
| 75 | + } |
| 76 | + history.push({ search: queryString.stringify(searchParams) }); |
| 77 | + }, |
| 78 | + [location.search, history] |
| 79 | + ); |
77 | 80 |
|
78 | 81 | const fetchProfilingStatus = useCallback((serviceName = null) => { |
79 | 82 | setLoading(true); |
80 | | - const url = serviceName |
| 83 | + const url = serviceName |
81 | 84 | ? `/api/metrics/profiling/host_status?service_name=${encodeURIComponent(serviceName)}` |
82 | 85 | : '/api/metrics/profiling/host_status'; |
83 | | - |
| 86 | + |
84 | 87 | fetch(url) |
85 | 88 | .then((res) => res.json()) |
86 | 89 | .then((data) => { |
|
0 commit comments