Add loading

Power-Components · Jan 5, 2024 · aa2ffe7 · aa2ffe7
1 parent 6041906
commit aa2ffe7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/resources/views/components/frameworks/tailwind/pagination.blade.php b/resources/views/components/frameworks/tailwind/pagination.blade.php
@@ -1,4 +1,4 @@
-<div class="items-center justify-between sm:flex">
+<div class="items-center justify-between sm:flex" wire:loading.class="blur-[2px]" wire:target="loadMore">
     <div class="items-center justify-between w-full sm:flex-1 sm:flex">
         @if ($recordCount === 'full')
             <div>

diff --git a/resources/views/components/table-base.blade.php b/resources/views/components/table-base.blade.php
@@ -33,8 +33,13 @@ class="{{  data_get($theme, 'table.tbodyClass') }}"
             </tbody>
         @endif
     </table>
+
     {{-- infinite pagination handler --}}
     @if ($this->canLoadMore && $lazy)
+        <div class="justify-center items-center" wire:loading.class="flex" wire:target="loadMore">
+            @include(powerGridThemeRoot() . '.header.loading')
+        </div>
+
         <div x-data="pgLoadMore"></div>
     @endif
 </div>