wild-cloud/wild-central
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: UI refactor — Dashboard + Services, 9 items → 6

Browse Source 
Major restructure of Wild Central's web UI:

New pages:
- Dashboard: infrastructure health (Cloudflare token, DDNS sync,
  daemon status, gateway router guidance, cert warnings)
- Services: every registered service with expandable rows showing
  DNS, proxy, TLS, DDNS status. Custom TCP routes section.
  Advanced HAProxy management collapsed at bottom.

Sidebar restructured into two groups:
- Services: Dashboard, Services
- Central: Firewall, VPN, CrowdSec, DHCP

Deleted 7 pages + 7 components (2501 lines removed):
- CentralPage, CloudflarePage, DdnsPage, DnsPage, LanDnsPage,
  CertificatesPage, IngressProxyPage
- CentralComponent, CloudflareComponent, DdnsComponent,
  DnsComponent, LanDnsComponent, IngressProxyComponent,
  DnsmasqSection

All hooks and API services kept unchanged — reused in new components.
Type-check and production build pass.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Paul Payne
2026-07-09 22:36:54 +00:00
parent c18217944f
commit 9ce9999d5c
21 changed files with 1017 additions and 2501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/router/routes.tsx
View File

@@ -2,17 +2,12 @@ import { Navigate } from 'react-router';
import type { RouteObject } from 'react-router';
import { CentralLayout } from './CentralLayout';
import { NotFoundPage } from './pages/NotFoundPage';
import { CentralPage } from './pages/CentralPage';
import { DhcpPage } from './pages/DhcpPage';
import { DashboardPage } from './pages/DashboardPage';
import { ServicesPage } from './pages/ServicesPage';
import { FirewallPage } from './pages/FirewallPage';
import { IngressProxyPage } from './pages/IngressProxyPage';
import { DnsPage } from './pages/DnsPage';
import { CrowdSecPage } from './pages/CrowdSecPage';
import { VpnPage } from './pages/VpnPage';
import { CloudflarePage } from './pages/CloudflarePage';
import { CertificatesPage } from './pages/CertificatesPage';
import { DdnsPage } from './pages/DdnsPage';
import { LanDnsPage } from './pages/LanDnsPage';
import { CrowdSecPage } from './pages/CrowdSecPage';
import { DhcpPage } from './pages/DhcpPage';
export const routes: RouteObject[] = [
{
@@ -23,17 +18,12 @@ export const routes: RouteObject[] = [
path: '/central',
element: <CentralLayout />,
children: [
{ index: true, element: <CentralPage /> },
{ path: 'cloudflare', element: <CloudflarePage /> },
{ index: true, element: <DashboardPage /> },
{ path: 'services', element: <ServicesPage /> },
{ path: 'firewall', element: <FirewallPage /> },
{ path: 'dhcp', element: <DhcpPage /> },
{ path: 'crowdsec', element: <CrowdSecPage /> },
{ path: 'ingress', element: <IngressProxyPage /> },
{ path: 'dns', element: <DnsPage /> },
{ path: 'ddns', element: <DdnsPage /> },
{ path: 'lan-dns', element: <LanDnsPage /> },
{ path: 'vpn', element: <VpnPage /> },
{ path: 'certificates', element: <CertificatesPage /> },
{ path: 'crowdsec', element: <CrowdSecPage /> },
{ path: 'dhcp', element: <DhcpPage /> },
],
},
{