From a1d35deefecf6bac6a3ccaf3334ca80d9c2223ac Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 21 Oct 2024 14:15:35 +0200
Subject: [PATCH] Refactor server resources view to add loading indicators for
 managed and unmanaged containers

---
 .../views/livewire/server/resources.blade.php      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/server/resources.blade.php b/resources/views/livewire/server/resources.blade.php
index 609995f8e..015501391 100644
--- a/resources/views/livewire/server/resources.blade.php
+++ b/resources/views/livewire/server/resources.blade.php
@@ -11,17 +11,25 @@
                     <x-forms.button wire:click="refreshStatus">Refresh</x-forms.button>
                 </div>
                 <div>Here you can find all resources that are managed by Coolify.</div>
-                <div class="flex flex-row gap-4  py-10">
+                <div class="flex flex-row gap-4 py-10">
                     <div @class([
                         'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
                         'bg-coollabs' => $activeTab === 'managed',
                     ]) wire:click="loadManagedContainers">
-                        Managed</div>
+                        Managed
+                        <div class="flex flex-col items-center justify-center">
+                            <x-loading wire:loading wire:target="loadManagedContainers" />
+                        </div>
+                    </div>
                     <div @class([
                         'box-without-bg cursor-pointer bg-coolgray-100 text-white w-full text-center items-center justify-center',
                         'bg-coollabs' => $activeTab === 'unmanaged',
                     ]) wire:click="loadUnmanagedContainers">
-                        Unmanaged</div>
+                        Unmanaged
+                        <div class="flex flex-col items-center justify-center">
+                            <x-loading wire:loading wire:target="loadUnmanagedContainers" />
+                        </div>
+                    </div>
                 </div>
             </div>
             @if ($containers->count() > 0)