diff --git a/web/src/components/ServicesComponent.tsx b/web/src/components/ServicesComponent.tsx index 57aeb98..5e8684b 100644 --- a/web/src/components/ServicesComponent.tsx +++ b/web/src/components/ServicesComponent.tsx @@ -11,7 +11,6 @@ import { Globe, Loader2, AlertCircle, CheckCircle, Play, RotateCw, Plus, Trash2, X, ChevronDown, ChevronUp, } from 'lucide-react'; -import { useConfig } from '../hooks'; import { useHaproxy } from '../hooks/useHaproxy'; import { useServices } from '../hooks/useServices'; import { useCert } from '../hooks/useCert'; @@ -38,7 +37,7 @@ function getTlsStatus(service: RegisteredService, certDomains: Set): 'ok export function ServicesComponent() { const queryClient = useQueryClient(); - const { config: globalConfig } = useConfig(); + const { generate: generateHaproxy, isGenerating: isHaproxyGenerating, generateData: haproxyGenerateData, generateError: haproxyGenerateError, @@ -278,35 +277,13 @@ export function ServicesComponent() { - {/* Status details */} -
-
- DNS (LAN) - - {service.domain} → {isPassthrough ? backendHost : (globalConfig?.cloud?.dnsmasq?.ip ?? 'Central')} - -
- {service.reach === 'public' && ( -
- DNS (Public) - A record → {publicIp ?? '—'} -
- )} -
- Proxy - - {isPassthrough ? 'L4 SNI' : 'L7 HTTP'}{service.subdomains ? ' + wildcard' : ''} - -
-
- TLS - - {isPassthrough ? 'backend handles' : (certDomains.has(service.domain) ? 'cert provisioned' : 'cert missing')} - -
-
+ {/* Routing summary */} +

+ Routes to {backendHost} on LAN + {service.reach === 'public' && <>, {publicIp ?? '—'} externally} +

- {/* Footer */} + {/* Source + deregister */}
Source: {service.source}