huge refactor to remove depenencie hell and add typesafe container
This commit is contained in:
parent
28b9822d55
commit
843a7b9b9b
148 changed files with 3603 additions and 2378 deletions
|
|
@ -2,4 +2,4 @@
|
|||
* Monitoring hooks exports
|
||||
*/
|
||||
|
||||
export * from './useMonitoring';
|
||||
export * from './useMonitoring';
|
||||
|
|
|
|||
|
|
@ -2,16 +2,16 @@
|
|||
* Custom hook for monitoring data
|
||||
*/
|
||||
|
||||
import { useState, useEffect, useCallback } from 'react';
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import { monitoringApi } from '../services/monitoringApi';
|
||||
import type {
|
||||
SystemHealth,
|
||||
CacheStats,
|
||||
QueueStats,
|
||||
import type {
|
||||
CacheStats,
|
||||
DatabaseStats,
|
||||
ServiceStatus,
|
||||
ProxyStats,
|
||||
SystemOverview
|
||||
QueueStats,
|
||||
ServiceStatus,
|
||||
SystemHealth,
|
||||
SystemOverview,
|
||||
} from '../types';
|
||||
|
||||
export function useSystemHealth(refreshInterval: number = 5000) {
|
||||
|
|
@ -33,7 +33,7 @@ export function useSystemHealth(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -62,7 +62,7 @@ export function useCacheStats(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -91,7 +91,7 @@ export function useQueueStats(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -120,7 +120,7 @@ export function useDatabaseStats(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -149,7 +149,7 @@ export function useServiceStatus(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -178,7 +178,7 @@ export function useProxyStats(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -207,7 +207,7 @@ export function useSystemOverview(refreshInterval: number = 5000) {
|
|||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
|
||||
|
||||
if (refreshInterval > 0) {
|
||||
const interval = setInterval(fetchData, refreshInterval);
|
||||
return () => clearInterval(interval);
|
||||
|
|
@ -215,4 +215,4 @@ export function useSystemOverview(refreshInterval: number = 5000) {
|
|||
}, [fetchData, refreshInterval]);
|
||||
|
||||
return { data, loading, error, refetch: fetchData };
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue