From b7b40ad6417fde00301a7aa3fbad9e7a02479947 Mon Sep 17 00:00:00 2001
From: Debian <linux@myhorse.netcell-it.de>
Date: Tue, 2 Jun 2026 14:06:24 +0200
Subject: [PATCH] fix(firewall): groupedSections nach filteredRules +
 pagination-Prop entfernt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 management-ui/src/pages/Firewall/Rules.tsx | 29 +++++++++++-----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/management-ui/src/pages/Firewall/Rules.tsx b/management-ui/src/pages/Firewall/Rules.tsx
index 5c9a59a..ce5ada3 100644
--- a/management-ui/src/pages/Firewall/Rules.tsx
+++ b/management-ui/src/pages/Firewall/Rules.tsx
@@ -199,6 +199,20 @@ export default function RulesTab() {
     [rules],
   )
 
+  const filteredRules = useMemo(() => {
+    let r = sortedRules
+    if (searchText) {
+      const q = searchText.toLowerCase()
+      r = r.filter(rule =>
+        (rule.name ?? '').toLowerCase().includes(q) ||
+        (rule.comment ?? '').toLowerCase().includes(q),
+      )
+    }
+    if (filterAction) r = r.filter(rule => rule.action === filterAction)
+    if (filterZone)   r = r.filter(rule => rule.src_zone === filterZone || rule.dst_zone === filterZone)
+    return r
+  }, [sortedRules, searchText, filterAction, filterZone])
+
   const groupedSections = useMemo(() => {
     const map = new Map<string, { srcZone: string; dstZone: string; rules: FwRule[] }>()
     for (const r of filteredRules) {
@@ -218,20 +232,6 @@ export default function RulesTab() {
     ].filter(Boolean).join(' ')
   }
 
-  const filteredRules = useMemo(() => {
-    let r = sortedRules
-    if (searchText) {
-      const q = searchText.toLowerCase()
-      r = r.filter(rule =>
-        (rule.name ?? '').toLowerCase().includes(q) ||
-        (rule.comment ?? '').toLowerCase().includes(q),
-      )
-    }
-    if (filterAction) r = r.filter(rule => rule.action === filterAction)
-    if (filterZone)   r = r.filter(rule => rule.src_zone === filterZone || rule.dst_zone === filterZone)
-    return r
-  }, [sortedRules, searchText, filterAction, filterZone])
-
   const create = useMutation({
     mutationFn: async (v: FormValues) => { await apiClient.post('/firewall/rules', buildPayload(v)) },
     onSuccess: () => {
@@ -587,7 +587,6 @@ export default function RulesTab() {
                 dataSource={groupRules}
                 columns={columns}
                 rowClassName={rowClassFn}
-                pagination={false}
               />
             </div>
           ))