From b7bf8deaeac2cd6adfbae1b9c247ad729e67322a Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 11:41:22 -0500
Subject: [PATCH] feat: enhance loading button in Proxmox firewall view with
 improved visual feedback and loading state management

---
 extensions/Servers/Proxmox/views/firewall.blade.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index f2572efb0..0cd57d5d3 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -689,9 +689,14 @@
                 <button 
                     wire:click="loadFirewallLogs"
                     wire:loading.attr="disabled"
-                    class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium">
-                    <x-ri-refresh-line class="size-4 inline mr-1" />
-                    Refresh
+                    wire:loading.class="opacity-75 cursor-not-allowed"
+                    class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-all duration-200 text-sm font-medium flex items-center gap-2 disabled:opacity-75 disabled:cursor-not-allowed">
+                    <x-ri-refresh-line 
+                        class="size-4 transition-transform duration-500"
+                        wire:loading.class="animate-spin"
+                        wire:target="loadFirewallLogs" />
+                    <span wire:loading.remove wire:target="loadFirewallLogs">Refresh</span>
+                    <span wire:loading wire:target="loadFirewallLogs">Refreshing...</span>
                 </button>
             </div>
 
@@ -717,6 +722,7 @@
                         perPage: 10,
                         actionFilters: [],
                         protocolFilters: [],
+                        isRefreshing: false,
                         initialize(initialLogs) {
                             console.log('Initializing logs, received:', initialLogs ? initialLogs.length : 0, 'entries');
                             this.logs = (initialLogs || []).map((log, index) => ({