projekte/edgeguard-native
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(waf): TS-Fehler in WAF-Page beheben

Browse Source 
- Badge-Import entfernt (unused)
- fetchWafConfig: r.data.data korrekt gecastet
- WafFormValues-Interface für Form (rule_exclusions_str, trusted_proxies_str)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Debian
2026-06-02 22:04:11 +02:00
parent 4f887df658
commit 4d81d31022
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
management-ui/src/pages/WAF/index.tsx
View File

@@ -1,6 +1,6 @@
import { useState } from 'react' import { useState } from 'react'
import { import {
Alert, Badge, Button, Card, Col, Drawer, Form, Input, Row, Alert, Button, Card, Col, Drawer, Form, Input, Row,
Select, Space, Switch, Tag, Tooltip, Typography, message, Select, Space, Switch, Tag, Tooltip, Typography, message,
} from 'antd' } from 'antd'
import { import {
@@ -52,7 +52,7 @@ async function fetchWafConfigs(): Promise<WafConfig[]> {
async function fetchWafConfig(domainId: number): Promise<WafConfig> { async function fetchWafConfig(domainId: number): Promise<WafConfig> {
const r = await apiClient.get(`/waf/configs/${domainId}`) const r = await apiClient.get(`/waf/configs/${domainId}`)
if (isEnvelope(r.data)) return r.data.data.config as WafConfig if (isEnvelope(r.data)) return (r.data.data as { config: WafConfig }).config
return defaultConfig(domainId) return defaultConfig(domainId)
} }
@@ -68,6 +68,15 @@ function defaultConfig(domainId: number): WafConfig {
} }
} }
interface WafFormValues {
enabled: boolean
mode: 'detection' | 'blocking'
paranoia_level: number
rule_exclusions_str: string
trusted_proxies_str: string
custom_rules: string
}
// ---------- Config Drawer --------------------------------------------------- // ---------- Config Drawer ---------------------------------------------------
interface ConfigDrawerProps { interface ConfigDrawerProps {
@@ -80,7 +89,7 @@ function ConfigDrawer({ domainName, domainId, onClose }: ConfigDrawerProps) {
const { t } = useTranslation() const { t } = useTranslation()
const qc = useQueryClient() const qc = useQueryClient()
const isViewer = useAuthStore((s) => s.user?.role) === 'viewer' const isViewer = useAuthStore((s) => s.user?.role) === 'viewer'
const [form] = Form.useForm<WafConfig>() const [form] = Form.useForm<WafFormValues>()
const { data: cfg, isLoading } = useQuery({ const { data: cfg, isLoading } = useQuery({
queryKey: ['waf', 'config', domainId], queryKey: ['waf', 'config', domainId],
@@ -129,9 +138,9 @@ function ConfigDrawer({ domainName, domainId, onClose }: ConfigDrawerProps) {
trusted_proxies_str: (cfg.trusted_proxies ?? []).join(', '), trusted_proxies_str: (cfg.trusted_proxies ?? []).join(', '),
}} }}
onFinish={(vals) => { onFinish={(vals) => {
const exclusions = (vals.rule_exclusions_str as unknown as string ?? '') const exclusions = (vals.rule_exclusions_str ?? '')
.split(',').map((s: string) => s.trim()).filter(Boolean) .split(',').map((s: string) => s.trim()).filter(Boolean)
const proxies = (vals.trusted_proxies_str as unknown as string ?? '') const proxies = (vals.trusted_proxies_str ?? '')
.split(',').map((s: string) => s.trim()).filter(Boolean) .split(',').map((s: string) => s.trim()).filter(Boolean)
save.mutate({ save.mutate({
domain_id: domainId!, domain_id: domainId!,