fix: reset error modal state in Proxmox Firewall component to ensure proper user feedback during error handling

This commit is contained in:
2025-12-01 13:21:25 -05:00
parent 4a29e25eeb
commit 2d2abc1499
2 changed files with 5 additions and 2 deletions

View File

@@ -88,6 +88,7 @@ class Firewall extends Component
$data = $response->json()['data'] ?? [];
$this->firewallEnabled = isset($data['enable']) && $data['enable'] == 1;
$this->error = '';
$this->showErrorModal = false;
} catch (\Exception $e) {
$errorMessage = $e->getMessage();
// Try to extract more detailed error from response if available
@@ -165,6 +166,7 @@ class Firewall extends Component
$data = $response->json()['data'] ?? [];
$this->rules = is_array($data) ? $data : [];
$this->error = '';
$this->showErrorModal = false;
} catch (\Exception $e) {
$errorMessage = $e->getMessage();
// Try to extract more detailed error from response if available

View File

@@ -52,8 +52,9 @@
<div class="space-y-6">
<!-- Error Message - Centered Modal -->
@if($error || $showErrorModal)
<div class="fixed inset-0 flex items-center justify-center z-50 bg-black/50 backdrop-blur-sm" wire:click="$set('error', ''); $set('showErrorModal', false)">
@if($error && $showErrorModal)
<div class="fixed inset-0 flex items-center justify-center z-50 bg-black/50 backdrop-blur-sm"
wire:click="$set('error', ''); $set('showErrorModal', false)">
<div class="bg-error/20 border-2 border-error rounded-lg p-6 shadow-lg max-w-3xl w-full mx-4 max-h-[80vh] overflow-y-auto" wire:click.stop>
<div class="flex items-start gap-3">
<x-ri-error-warning-fill class="size-6 text-error flex-shrink-0 mt-0.5" />