feat: cluster_count on dashboard

This commit is contained in:
jialin
2025-11-06 19:38:01 +08:00
parent fadff34f5f
commit cd2942405a
9 changed files with 143 additions and 51 deletions
@@ -1,39 +1,17 @@
import { memo, useCallback, useEffect, useState } from 'react';
import { queryDashboardData } from '../apis';
import DashboardContext from '../config/dashboard-context';
import { DashboardProps } from '../config/types';
import ActiveTable from './active-table';
import Overview from './over-view';
import SystemLoad from './system-load';
import Usage from './usage';
const Dashboard: React.FC<{ setLoading: (loading: boolean) => void }> = ({
setLoading
}) => {
const [data, setData] = useState<DashboardProps>({} as DashboardProps);
const getDashboardData = useCallback(async () => {
try {
setLoading(true);
const res = await queryDashboardData();
setData(res);
setLoading(false);
} catch (error) {
setLoading(false);
setData({} as DashboardProps);
}
}, []);
useEffect(() => {
getDashboardData();
}, []);
const Dashboard: React.FC = () => {
return (
<DashboardContext.Provider value={{ ...data, fetchData: getDashboardData }}>
<>
<Overview></Overview>
<SystemLoad></SystemLoad>
<Usage></Usage>
<ActiveTable></ActiveTable>
</DashboardContext.Provider>
</>
);
};
export default memo(Dashboard);
export default Dashboard;