From cd3339ba42b78c94b031ff9594ba0023ad3a8baf Mon Sep 17 00:00:00 2001
From: Jonas <publik.froeller.jonas@gmx.at>
Date: Thu, 9 Jan 2025 22:51:53 +0100
Subject: [PATCH] adds loading placeholder back in at
 `/monitors/:id/contributions`

---
 app/Livewire/Monitors/ContributionsView.php   |  9 +++++++++
 .../monitors/contributions-view.blade.php     | 19 -------------------
 2 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/app/Livewire/Monitors/ContributionsView.php b/app/Livewire/Monitors/ContributionsView.php
index 3a1df1f..a61c96b 100644
--- a/app/Livewire/Monitors/ContributionsView.php
+++ b/app/Livewire/Monitors/ContributionsView.php
@@ -95,4 +95,13 @@ public function render()
     {
         return view('livewire.monitors.contributions-view');
     }
+
+    public function placeholder() 
+    {
+        return <<<'HTML'
+        <div class="flex justify-center mt-64">
+           <div class="loader"></div>
+        </div>
+        HTML;
+    }
 }
diff --git a/resources/views/livewire/monitors/contributions-view.blade.php b/resources/views/livewire/monitors/contributions-view.blade.php
index 28a58e4..0cebb7d 100644
--- a/resources/views/livewire/monitors/contributions-view.blade.php
+++ b/resources/views/livewire/monitors/contributions-view.blade.php
@@ -17,25 +17,6 @@
         </div>
     @endif
 
-    <!-- Loading Indicator -->
-    <div 
-        x-data="{ loading: false }" 
-        x-on:livewire-loading.window="loading = true" 
-        x-on:livewire-loading-finish.window="loading = false"
-        x-show="loading"
-        class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50"
-        style="display: none;"
-    >
-        <div class="p-6 bg-white rounded-lg shadow-xl">
-            <div class="flex items-center space-x-4">
-                <div class="w-10 h-10 border-4 border-blue-500 rounded-full animate-spin"></div>
-                <span class="text-lg text-gray-700">
-                    Loading {{ $currentRepositoryName ? 'commits from ' . $currentRepositoryName : 'repositories' }}...
-                </span>
-            </div>
-        </div>
-    </div>
-
     <!-- Contribution List Section -->
     <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" wire:loading.class="opacity-50">
         @forelse($contributions as $contribution)