Add “Waiting for file changes” placeholder

wire-elements · Oct 14, 2024 · e7fdb75 · e7fdb75
1 parent f7b2b84
commit e7fdb75
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/resources/views/tabs/hot-reload.blade.php b/resources/views/tabs/hot-reload.blade.php
@@ -8,8 +8,11 @@
             Enable hot reload
         </button>
     </div>
-    <div x-show="hotReload" class="inline-block min-w-full py-2 align-middle">
-        <table class="min-w-full divide-y divide-gray-700">
+    <div x-show="!hotReloadEvents.length && hotReload" class="flex w-full justify-center items-center text-slate-500 text-sm">
+        Waiting for file changes
+    </div>
+    <div x-show="hotReload && hotReloadEvents.length" class="inline-block min-w-full py-2 align-middle">
+        <table x-show="hotReloadEvents.length" class="min-w-full divide-y divide-gray-700">
             <thead>
             <tr>
                 <th scope="col" class="py-2 pl-4 pr-3 text-left text-sm font-semibold">Changed File</th>