{t('crowdsecConfig.notRunning')}
diff --git a/frontend/src/pages/DNS.tsx b/frontend/src/pages/DNS.tsx
index 36735a55..8fb4ef5c 100644
--- a/frontend/src/pages/DNS.tsx
+++ b/frontend/src/pages/DNS.tsx
@@ -1,8 +1,10 @@
-import { Link, Outlet, useLocation } from 'react-router-dom'
+import { Cloud, Puzzle } from 'lucide-react'
import { useTranslation } from 'react-i18next'
+import { Link, Outlet, useLocation } from 'react-router-dom'
+
import { PageShell } from '../components/layout/PageShell'
import { cn } from '../utils/cn'
-import { Cloud, Puzzle } from 'lucide-react'
+
export default function DNS() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/DNSProviders.tsx b/frontend/src/pages/DNSProviders.tsx
index 3d5c77b0..623286c9 100644
--- a/frontend/src/pages/DNSProviders.tsx
+++ b/frontend/src/pages/DNSProviders.tsx
@@ -1,12 +1,13 @@
+import { Plus, Cloud } from 'lucide-react'
import { useCallback, useState } from 'react'
import { useTranslation } from 'react-i18next'
-import { Plus, Cloud } from 'lucide-react'
-import { Button, Alert, EmptyState, Skeleton } from '../components/ui'
+
+import { getChallenge, type ManualChallenge } from '../api/manualChallenge'
+import { ManualDNSChallenge } from '../components/dns-providers'
import DNSProviderCard from '../components/DNSProviderCard'
import DNSProviderForm from '../components/DNSProviderForm'
-import { ManualDNSChallenge } from '../components/dns-providers'
+import { Button, Alert, EmptyState, Skeleton } from '../components/ui'
import { useDNSProviders, useDNSProviderMutations, type DNSProvider } from '../hooks/useDNSProviders'
-import { getChallenge, type ManualChallenge } from '../api/manualChallenge'
import { toast } from '../utils/toast'
export default function DNSProviders() {
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index ee26f8a7..878fee0c 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -1,15 +1,16 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { Globe, Server, FileKey, Activity, CheckCircle2, AlertTriangle } from 'lucide-react'
import { useMemo, useEffect } from 'react'
import { useTranslation } from 'react-i18next'
-import { useProxyHosts } from '../hooks/useProxyHosts'
-import { useRemoteServers } from '../hooks/useRemoteServers'
-import { useCertificates } from '../hooks/useCertificates'
-import { useAccessLists } from '../hooks/useAccessLists'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
+
import { checkHealth } from '../api/health'
-import { Globe, Server, FileKey, Activity, CheckCircle2, AlertTriangle } from 'lucide-react'
import { PageShell } from '../components/layout/PageShell'
import { StatsCard, Skeleton } from '../components/ui'
import UptimeWidget from '../components/UptimeWidget'
+import { useAccessLists } from '../hooks/useAccessLists'
+import { useCertificates } from '../hooks/useCertificates'
+import { useProxyHosts } from '../hooks/useProxyHosts'
+import { useRemoteServers } from '../hooks/useRemoteServers'
function StatsCardSkeleton() {
return (
@@ -41,14 +42,14 @@ export default function Dashboard() {
// so we match by domain name instead
const hasPendingCerts = useMemo(() => {
const certifiedDomains = new Set()
- certificates.forEach(cert => {
+ for (const cert of certificates) {
// Handle missing or undefined domain field
- if (!cert.domain) return
- cert.domain.split(',').forEach(d => {
+ if (!cert.domain) continue
+ for (const d of cert.domain.split(',')) {
const trimmed = d.trim().toLowerCase()
if (trimmed) certifiedDomains.add(trimmed)
- })
- })
+ }
+ }
// Check if any SSL host lacks a certificate
const sslHosts = hosts.filter(h => h.ssl_forced && h.enabled)
diff --git a/frontend/src/pages/Domains.tsx b/frontend/src/pages/Domains.tsx
index 723ff2d4..44828e91 100644
--- a/frontend/src/pages/Domains.tsx
+++ b/frontend/src/pages/Domains.tsx
@@ -1,7 +1,8 @@
+import { Trash2, Plus, Globe, Loader2 } from 'lucide-react'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
+
import { useDomains } from '../hooks/useDomains'
-import { Trash2, Plus, Globe, Loader2 } from 'lucide-react'
export default function Domains() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/EncryptionManagement.tsx b/frontend/src/pages/EncryptionManagement.tsx
index 052a37fc..b953997f 100644
--- a/frontend/src/pages/EncryptionManagement.tsx
+++ b/frontend/src/pages/EncryptionManagement.tsx
@@ -1,14 +1,7 @@
+import { Key, Shield, AlertTriangle, CheckCircle, Clock, RefreshCw, AlertCircle } from 'lucide-react'
import { useState, useEffect } from 'react'
import { useTranslation } from 'react-i18next'
-import { Key, Shield, AlertTriangle, CheckCircle, Clock, RefreshCw, AlertCircle } from 'lucide-react'
-import {
- useEncryptionStatus,
- useRotateKey,
- useRotationHistory,
- useValidateKeys,
- type RotationHistoryEntry,
-} from '../hooks/useEncryption'
-import { toast } from '../utils/toast'
+
import { PageShell } from '../components/layout/PageShell'
import {
Card,
@@ -28,6 +21,14 @@ import {
DialogFooter,
Skeleton,
} from '../components/ui'
+import {
+ useEncryptionStatus,
+ useRotateKey,
+ useRotationHistory,
+ useValidateKeys,
+ type RotationHistoryEntry,
+} from '../hooks/useEncryption'
+import { toast } from '../utils/toast'
// Skeleton loader for status cards
function StatusCardSkeleton() {
@@ -166,12 +167,12 @@ export default function EncryptionManagement() {
if (result.valid) {
toast.success(t('encryption.validationSuccess'))
if (result.warnings && result.warnings.length > 0) {
- result.warnings.forEach((warning) => toast.warning(warning))
+ for (const warning of result.warnings) toast.warning(warning)
}
} else {
toast.error(t('encryption.validationError'))
if (result.errors && result.errors.length > 0) {
- result.errors.forEach((error) => toast.error(error))
+ for (const error of result.errors) toast.error(error)
}
}
},
diff --git a/frontend/src/pages/ImportCaddy.tsx b/frontend/src/pages/ImportCaddy.tsx
index 5d3ee10a..05bffaac 100644
--- a/frontend/src/pages/ImportCaddy.tsx
+++ b/frontend/src/pages/ImportCaddy.tsx
@@ -1,13 +1,14 @@
+import { type AxiosError } from 'axios'
import { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
import { useTranslation } from 'react-i18next'
-import { AxiosError } from 'axios'
+import { useNavigate } from 'react-router-dom'
+
import { createBackup } from '../api/backups'
-import { useImport } from '../hooks/useImport'
+import ImportSuccessModal from '../components/dialogs/ImportSuccessModal'
import ImportBanner from '../components/ImportBanner'
import ImportReviewTable from '../components/ImportReviewTable'
import ImportSitesModal from '../components/ImportSitesModal'
-import ImportSuccessModal from '../components/dialogs/ImportSuccessModal'
+import { useImport } from '../hooks/useImport'
/** Response data structure for import API errors containing warnings */
interface ImportErrorResponse {
diff --git a/frontend/src/pages/ImportCrowdSec.tsx b/frontend/src/pages/ImportCrowdSec.tsx
index 0f94a0a7..93d0cad7 100644
--- a/frontend/src/pages/ImportCrowdSec.tsx
+++ b/frontend/src/pages/ImportCrowdSec.tsx
@@ -1,11 +1,13 @@
-import { useState } from 'react'
import { useMutation } from '@tanstack/react-query'
+import { useState } from 'react'
+import { toast } from 'react-hot-toast'
import { useTranslation } from 'react-i18next'
-import { importCrowdsecConfig } from '../api/crowdsec'
+
import { createBackup } from '../api/backups'
+import { importCrowdsecConfig } from '../api/crowdsec'
import { Button } from '../components/ui/Button'
import { Card } from '../components/ui/Card'
-import { toast } from 'react-hot-toast'
+
export default function ImportCrowdSec() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/ImportJSON.tsx b/frontend/src/pages/ImportJSON.tsx
index 94987319..d55a31c6 100644
--- a/frontend/src/pages/ImportJSON.tsx
+++ b/frontend/src/pages/ImportJSON.tsx
@@ -1,9 +1,10 @@
import { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
import { useTranslation } from 'react-i18next'
+import { useNavigate } from 'react-router-dom'
+
import { createBackup } from '../api/backups'
-import { useJSONImport } from '../hooks/useJSONImport'
import ImportSuccessModal from '../components/dialogs/ImportSuccessModal'
+import { useJSONImport } from '../hooks/useJSONImport'
export default function ImportJSON() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/ImportNPM.tsx b/frontend/src/pages/ImportNPM.tsx
index 6f7ec6bc..fabf9c5c 100644
--- a/frontend/src/pages/ImportNPM.tsx
+++ b/frontend/src/pages/ImportNPM.tsx
@@ -1,9 +1,10 @@
import { useState } from 'react'
-import { useNavigate } from 'react-router-dom'
import { useTranslation } from 'react-i18next'
+import { useNavigate } from 'react-router-dom'
+
import { createBackup } from '../api/backups'
-import { useNPMImport } from '../hooks/useNPMImport'
import ImportSuccessModal from '../components/dialogs/ImportSuccessModal'
+import { useNPMImport } from '../hooks/useNPMImport'
export default function ImportNPM() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index 14bcc4ed..d8a3c38d 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -1,15 +1,16 @@
-import { useState, useEffect } from 'react'
-import { useNavigate } from 'react-router-dom'
import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { useState, useEffect } from 'react'
import { useTranslation } from 'react-i18next'
-import { Card } from '../components/ui/Card'
-import { Input } from '../components/ui/Input'
-import { Button } from '../components/ui/Button'
-import { toast } from '../utils/toast'
+import { useNavigate } from 'react-router-dom'
+
import client from '../api/client'
-import { useAuth } from '../hooks/useAuth'
import { getSetupStatus } from '../api/setup'
import { ConfigReloadOverlay } from '../components/LoadingStates'
+import { Button } from '../components/ui/Button'
+import { Card } from '../components/ui/Card'
+import { Input } from '../components/ui/Input'
+import { useAuth } from '../hooks/useAuth'
+import { toast } from '../utils/toast'
export default function Login() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/Logs.tsx b/frontend/src/pages/Logs.tsx
index f8e636cf..9c31ff0c 100644
--- a/frontend/src/pages/Logs.tsx
+++ b/frontend/src/pages/Logs.tsx
@@ -1,12 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+import { FileText, ChevronLeft, ChevronRight, ScrollText } from 'lucide-react';
import { useState, useEffect, type FC } from 'react';
import { useTranslation } from 'react-i18next';
-import { useQuery } from '@tanstack/react-query';
import { useSearchParams } from 'react-router-dom';
-import { getLogs, getLogContent, downloadLog, LogFilter } from '../api/logs';
-import { FileText, ChevronLeft, ChevronRight, ScrollText } from 'lucide-react';
-import { LogTable } from '../components/LogTable';
-import { LogFilters } from '../components/LogFilters';
+
+import { getLogs, getLogContent, downloadLog, type LogFilter } from '../api/logs';
import { PageShell } from '../components/layout/PageShell';
+import { LogFilters } from '../components/LogFilters';
+import { LogTable } from '../components/LogTable';
import {
Button,
Card,
@@ -94,7 +95,7 @@ const Logs: FC = () => {
: 'hover:bg-surface-muted text-content-secondary'
}`}
>
-
+
{log.name}
{(log.size / 1024 / 1024).toFixed(2)} MB
diff --git a/frontend/src/pages/Notifications.tsx b/frontend/src/pages/Notifications.tsx
index 1d16384f..bf91574b 100644
--- a/frontend/src/pages/Notifications.tsx
+++ b/frontend/src/pages/Notifications.tsx
@@ -1,11 +1,12 @@
-import { useEffect, useState, type FC } from 'react';
-import { useTranslation } from 'react-i18next';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { getProviders, createProvider, updateProvider, deleteProvider, testProvider, getTemplates, previewProvider, NotificationProvider, getExternalTemplates, previewExternalTemplate, ExternalTemplate, createExternalTemplate, updateExternalTemplate, deleteExternalTemplate, NotificationTemplate, SUPPORTED_NOTIFICATION_PROVIDER_TYPES, type SupportedNotificationProviderType } from '../api/notifications';
-import { Card } from '../components/ui/Card';
-import { Button } from '../components/ui/Button';
import { Bell, Plus, Trash2, Edit2, Send, Check, X, Loader2 } from 'lucide-react';
+import { useEffect, useState, type FC } from 'react';
import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { getProviders, createProvider, updateProvider, deleteProvider, testProvider, getTemplates, previewProvider, type NotificationProvider, getExternalTemplates, previewExternalTemplate, type ExternalTemplate, createExternalTemplate, updateExternalTemplate, deleteExternalTemplate, type NotificationTemplate, SUPPORTED_NOTIFICATION_PROVIDER_TYPES, type SupportedNotificationProviderType } from '../api/notifications';
+import { Button } from '../components/ui/Button';
+import { Card } from '../components/ui/Card';
import { toast } from '../utils/toast';
const DISCORD_PROVIDER_TYPE: SupportedNotificationProviderType = 'discord';
@@ -22,7 +23,7 @@ const isSupportedProviderType = (providerType: string | undefined): providerType
const supportsJSONTemplates = (providerType: string | undefined): boolean => {
if (!providerType) return false;
const t = providerType.toLowerCase();
- return t === 'discord' || t === 'gotify' || t === 'webhook';
+ return t === 'discord' || t === 'gotify' || t === 'webhook' || t === 'telegram';
};
const isUnsupportedProviderType = (providerType: string | undefined): boolean => !isSupportedProviderType(providerType);
@@ -42,7 +43,7 @@ const normalizeProviderPayloadForSubmit = (data: Partial
):
type,
};
- if (type === 'gotify') {
+ if (type === 'gotify' || type === 'telegram') {
const normalizedToken = typeof payload.gotify_token === 'string' ? payload.gotify_token.trim() : '';
if (normalizedToken.length > 0) {
@@ -115,7 +116,12 @@ const ProviderForm: FC<{
const handleTest = () => {
const formData = watch();
- testMutation.mutate({ ...formData, type: normalizeProviderType(formData.type) } as Partial);
+ const currentType = normalizeProviderType(formData.type);
+ if (!formData.id && currentType !== 'email') {
+ toast.error(t('notificationProviders.saveBeforeTesting'));
+ return;
+ }
+ testMutation.mutate({ ...formData, type: currentType } as Partial);
};
const handlePreview = async () => {
@@ -125,7 +131,7 @@ const ProviderForm: FC<{
try {
// If using an external saved template (id), call previewExternalTemplate with template_id
if (formData.template && typeof formData.template === 'string' && formData.template.length === 36) {
- const res = await previewExternalTemplate(formData.template, undefined, undefined);
+ const res = await previewExternalTemplate(formData.template);
if (res.parsed) setPreviewContent(JSON.stringify(res.parsed, null, 2)); else setPreviewContent(res.rendered);
} else {
const res = await previewProvider({ ...formData, type: normalizeProviderType(formData.type) } as Partial);
@@ -139,9 +145,11 @@ const ProviderForm: FC<{
const type = normalizeProviderType(watch('type'));
const isGotify = type === 'gotify';
+ const isTelegram = type === 'telegram';
const isEmail = type === 'email';
+ const isNew = !watch('id');
useEffect(() => {
- if (type !== 'gotify') {
+ if (type !== 'gotify' && type !== 'telegram') {
setValue('gotify_token', '', { shouldDirty: false, shouldTouch: false });
}
}, [type, setValue]);
@@ -196,12 +204,13 @@ const ProviderForm: FC<{
+
{isEmail && (
@@ -212,10 +221,10 @@ const ProviderForm: FC<{
id="provider-url"
{...register('url', {
required: isEmail ? false : (t('notificationProviders.urlRequired') as string),
- validate: isEmail ? undefined : validateUrl,
+ validate: (isEmail || isTelegram) ? undefined : validateUrl,
})}
data-testid="provider-url"
- placeholder={isEmail ? 'user@example.com, admin@example.com' : type === 'discord' ? 'https://discord.com/api/webhooks/...' : type === 'gotify' ? 'https://gotify.example.com/message' : 'https://example.com/webhook'}
+ placeholder={isEmail ? 'user@example.com, admin@example.com' : isTelegram ? '987654321' : type === 'discord' ? 'https://discord.com/api/webhooks/...' : type === 'gotify' ? 'https://gotify.example.com/message' : 'https://example.com/webhook'}
className={`mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white sm:text-sm ${errors.url ? 'border-red-500' : ''}`}
aria-invalid={errors.url ? 'true' : 'false'}
aria-describedby={isEmail ? 'email-recipients-help' : errors.url ? 'provider-url-error' : undefined}
@@ -235,10 +244,10 @@ const ProviderForm: FC<{
)}
- {isGotify && (
+ {(isGotify || isTelegram) && (
@@ -370,7 +379,7 @@ const ProviderForm: FC<{
type="button"
variant="secondary"
onClick={handleTest}
- disabled={testMutation.isPending}
+ disabled={testMutation.isPending || (isNew && !isEmail)}
data-testid="provider-test-btn"
className="min-w-20"
>
@@ -694,12 +703,13 @@ const Notifications: FC = () => {
onClick={() => testMutation.mutate({ ...provider, type: normalizeProviderType(provider.type) })}
isLoading={testMutation.isPending}
title={t('notificationProviders.sendTest')}
+ aria-label={t('notificationProviders.sendTest')}
>
)}
{!isUnsupportedProviderType(provider.type) && (
-
diff --git a/frontend/src/pages/PassthroughLanding.tsx b/frontend/src/pages/PassthroughLanding.tsx
index fab15f6c..d4624da2 100644
--- a/frontend/src/pages/PassthroughLanding.tsx
+++ b/frontend/src/pages/PassthroughLanding.tsx
@@ -1,9 +1,10 @@
+import { Shield, LogOut } from 'lucide-react'
import { useEffect, useRef } from 'react'
import { useTranslation } from 'react-i18next'
-import { useAuth } from '../hooks/useAuth'
+
import { Button } from '../components/ui/Button'
import { Card } from '../components/ui/Card'
-import { Shield, LogOut } from 'lucide-react'
+import { useAuth } from '../hooks/useAuth'
export default function PassthroughLanding() {
const { t } = useTranslation()
diff --git a/frontend/src/pages/Plugins.tsx b/frontend/src/pages/Plugins.tsx
index 05516b99..fcb9dd70 100644
--- a/frontend/src/pages/Plugins.tsx
+++ b/frontend/src/pages/Plugins.tsx
@@ -1,6 +1,7 @@
+import { RefreshCw, Package, AlertCircle, CheckCircle, XCircle, Info } from 'lucide-react'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
-import { RefreshCw, Package, AlertCircle, CheckCircle, XCircle, Info } from 'lucide-react'
+
import {
Button,
Badge,
@@ -175,7 +176,7 @@ export default function Plugins() {
-
+
{plugin.name}
@@ -228,7 +229,7 @@ export default function Plugins() {
-
+
{plugin.name}
diff --git a/frontend/src/pages/ProxyHosts.tsx b/frontend/src/pages/ProxyHosts.tsx
index b0065930..869f9957 100644
--- a/frontend/src/pages/ProxyHosts.tsx
+++ b/frontend/src/pages/ProxyHosts.tsx
@@ -1,20 +1,17 @@
-import { useState, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import { Loader2, ExternalLink, AlertTriangle, Trash2, Globe, Settings } from 'lucide-react'
import { useQuery } from '@tanstack/react-query'
-import { useProxyHosts } from '../hooks/useProxyHosts'
-import { getMonitors, type UptimeMonitor } from '../api/uptime'
-import { useCertificates } from '../hooks/useCertificates'
-import { useAccessLists } from '../hooks/useAccessLists'
-import { useSecurityHeaderProfiles } from '../hooks/useSecurityHeaders'
-import { getSettings } from '../api/settings'
+import { Loader2, ExternalLink, AlertTriangle, Trash2, Globe, Settings } from 'lucide-react'
+import { useState, useMemo } from 'react'
+import { toast } from 'react-hot-toast'
+import { useTranslation } from 'react-i18next'
+
import { createBackup } from '../api/backups'
import { deleteCertificate } from '../api/certificates'
-import type { ProxyHost } from '../api/proxyHosts'
-import compareHosts from '../utils/compareHosts'
-import type { AccessList } from '../api/accessLists'
-import ProxyHostForm from '../components/ProxyHostForm'
+import { getSettings } from '../api/settings'
+import { getMonitors, type UptimeMonitor } from '../api/uptime'
+import CertificateCleanupDialog from '../components/dialogs/CertificateCleanupDialog'
import { PageShell } from '../components/layout/PageShell'
+import { ConfigReloadOverlay } from '../components/LoadingStates'
+import ProxyHostForm from '../components/ProxyHostForm'
import {
Badge,
Alert,
@@ -32,10 +29,16 @@ import {
DialogDescription,
type Column,
} from '../components/ui'
-import { toast } from 'react-hot-toast'
+import { useAccessLists } from '../hooks/useAccessLists'
+import { useCertificates } from '../hooks/useCertificates'
+import { useProxyHosts } from '../hooks/useProxyHosts'
+import { useSecurityHeaderProfiles } from '../hooks/useSecurityHeaders'
+import compareHosts from '../utils/compareHosts'
import { formatSettingLabel, settingHelpText, applyBulkSettingsToHosts } from '../utils/proxyHostsHelpers'
-import { ConfigReloadOverlay } from '../components/LoadingStates'
-import CertificateCleanupDialog from '../components/dialogs/CertificateCleanupDialog'
+
+import type { AccessList } from '../api/accessLists'
+import type { ProxyHost } from '../api/proxyHosts'
+
export default function ProxyHosts() {
const { t } = useTranslation()
@@ -99,14 +102,14 @@ export default function ProxyHosts() {
// Create a map of domain -> certificate status for quick lookup
const certStatusByDomain = useMemo(() => {
const map: Record = {}
- certificates.forEach(cert => {
+ for (const cert of certificates) {
const domains = cert.domain.split(',').map(d => d.trim().toLowerCase())
- domains.forEach(domain => {
+ for (const domain of domains) {
if (!map[domain]) {
map[domain] = { status: cert.status, provider: cert.provider }
}
- })
- })
+ }
+ }
return map
}, [certificates])
@@ -131,11 +134,7 @@ export default function ProxyHosts() {
}
const handleSubmit = async (data: Partial) => {
- if (editingHost) {
- await updateHost(editingHost.uuid, data)
- } else {
- await createHost(data)
- }
+ await (editingHost ? updateHost(editingHost.uuid, data) : createHost(data));
setShowForm(false)
setEditingHost(undefined)
}
@@ -332,7 +331,7 @@ export default function ProxyHosts() {
// Collect certificates to potentially delete
const certsToConsider: Map = new Map()
- hostUUIDs.forEach(uuid => {
+ for (const uuid of hostUUIDs) {
const host = hosts.find(h => h.uuid === uuid)
if (host?.certificate_id && host.certificate) {
const cert = host.certificate
@@ -353,7 +352,7 @@ export default function ProxyHosts() {
}
}
}
- })
+ }
// If there are orphaned certificates, show cleanup dialog
if (certsToConsider.size > 0) {
@@ -438,7 +437,7 @@ export default function ProxyHosts() {
style={{ maxWidth: '100%' }}
>
{d}
-
+
)
@@ -757,7 +756,7 @@ export default function ProxyHosts() {
className="w-full bg-surface-muted border border-border rounded-lg px-4 py-2 text-content-primary focus:outline-none focus:ring-2 focus:ring-brand-500"
>
- {securityProfiles && securityProfiles.filter(p => p.is_preset).length > 0 && (
+ {securityProfiles && securityProfiles.some(p => p.is_preset) && (
)}
- {securityProfiles && securityProfiles.filter(p => !p.is_preset).length > 0 && (
+ {securityProfiles && securityProfiles.some(p => !p.is_preset) && (