From 31b65ef44f9c2cabedabdef3a85f59884e9bda2b Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Tue, 2 Dec 2025 08:16:47 -0500
Subject: [PATCH] refactor: streamline log update handling in Proxmox Firewall
 component by simplifying initialization and event listener for improved
 performance and clarity

---
 .../Servers/Proxmox/views/firewall.blade.php  | 21 ++++++-------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index cc47adba7..4377cec7c 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -323,22 +323,18 @@
 
             @if(count($firewallLogs) > 0)
                 <div
+                    wire:key="firewall-logs-table"
                     x-data="{
-                        logs: [],
+                        logs: @js($firewallLogs),
                         searchTerm: '',
                         sortField: 'timestamp_iso',
                         sortDirection: 'desc',
                         initialize(initialLogs) {
-                            this.logs = (initialLogs || []).map((log, index) => ({
-                                index,
-                                ...log,
-                            }));
+                            // This is called on x-init
                         },
                         updateLogs(newLogs) {
-                            this.logs = (newLogs || []).map((log, index) => ({
-                                index,
-                                ...log,
-                            }));
+                            if (!newLogs || newLogs.length === 0) return;
+                            this.logs = newLogs;
                         },
                         sort(field) {
                             if (this.sortField === field) {
@@ -384,12 +380,7 @@
                             });
                         },
                     }"
-                    x-init="
-                        initialize(@js($firewallLogs));
-                        $wire.on('logs-updated', (event) => {
-                            updateLogs(event.logs || event[0]?.logs || event[0] || []);
-                        });
-                    "
+                    @logs-updated.window="updateLogs($event.detail.logs || $event.detail[0]?.logs || $event.detail[0] || [])"
                     class="space-y-4"
                 >
                     <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3">