mirrors/mcphub
1
0
Fork 0
mirror of https://github.com/samanhappy/mcphub.git synced 2026-01-01 04:08:52 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: refactor server data management to use global context (#319)

Browse Source
This commit is contained in:
Junsen Huang
2025-08-28 22:15:16 +08:00
committed by GitHub
parent 5dd3e7978e
commit c398223824
6 changed files with 371 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/pages/Dashboard.tsx
View File

@@ -1,25 +1,26 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useServerData } from '@/hooks/useServerData';
import { Server } from '@/types';
const DashboardPage: React.FC = () => {
const { t } = useTranslation();
const { servers, error, setError, isLoading } = useServerData();
const { servers, error, setError, isLoading } = useServerData({ refreshOnMount: true });
// Calculate server statistics
const serverStats = {
total: servers.length,
online: servers.filter(server => server.status === 'connected').length,
offline: servers.filter(server => server.status === 'disconnected').length,
connecting: servers.filter(server => server.status === 'connecting').length
online: servers.filter((server: Server) => server.status === 'connected').length,
offline: servers.filter((server: Server) => server.status === 'disconnected').length,
connecting: servers.filter((server: Server) => server.status === 'connecting').length
};
// Map status to translation keys
const statusTranslations = {
const statusTranslations: Record<string, string> = {
connected: 'status.online',
disconnected: 'status.offline',
connecting: 'status.connecting'
}
};
return (
<div>

2
frontend/src/pages/GroupsPage.tsx
View File

@@ -17,7 +17,7 @@ const GroupsPage: React.FC = () => {
deleteGroup,
triggerRefresh
} = useGroupData();
const { servers } = useServerData();
const { servers } = useServerData({ refreshOnMount: true });
const [editingGroup, setEditingGroup] = useState<Group | null>(null);
const [showAddForm, setShowAddForm] = useState(false);

2
frontend/src/pages/ServersPage.tsx
View File

@@ -21,7 +21,7 @@ const ServersPage: React.FC = () => {
handleServerRemove,
handleServerToggle,
triggerRefresh
} = useServerData();
} = useServerData({ refreshOnMount: true });
const [editingServer, setEditingServer] = useState<Server | null>(null);
const [isRefreshing, setIsRefreshing] = useState(false);
const [showDxtUpload, setShowDxtUpload] = useState(false);