fix(no_results): Add missing no results

Status-Page · Mar 15, 2021 · d7f19e9 · d7f19e9
1 parent a2d7640
commit d7f19e9
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/resources/views/livewire/dashboard/maintenances/maintenances.blade.php b/resources/views/livewire/dashboard/maintenances/maintenances.blade.php
@@ -26,7 +26,7 @@
                     </x-table.heading>
                 </x-slot>
                 <x-slot name="body">
-                    @foreach($maintenances as $maintenance)
+                    @forelse($maintenances as $maintenance)
                         <x-table.row wire:loading.class.delay="opacity-50">
                             <x-table.cell>{{ $maintenance->id }}</x-table.cell>
                             <x-table.cell>{{ $maintenance->title }}</x-table.cell>
@@ -48,7 +48,15 @@
                                 @endcan
                             </x-table.cell>
                         </x-table.row>
-                    @endforeach
+                    @empty
+                        <x-table.row>
+                            <x-table.cell colspan="6">
+                                <div class="flex justify-center items-center">
+                                    <span class="font-medium py-8 text-gray-400 text-xl">No results...</span>
+                                </div>
+                            </x-table.cell>
+                        </x-table.row>
+                    @endforelse
                 </x-slot>
             </x-table>
 

diff --git a/resources/views/livewire/dashboard/maintenances/past-maintenances.blade.php b/resources/views/livewire/dashboard/maintenances/past-maintenances.blade.php
@@ -20,7 +20,7 @@
                     <x-table.heading></x-table.heading>
                 </x-slot>
                 <x-slot name="body">
-                    @foreach($old_maintenances as $incident)
+                    @forelse($old_maintenances as $incident)
                         <x-table.row wire:loading.class.delay="opacity-50">
                             <x-table.cell>{{ $incident->id }}</x-table.cell>
                             <x-table.cell>{{ $incident->title }}</x-table.cell>
@@ -37,7 +37,15 @@
                                 @endcan
                             </x-table.cell>
                         </x-table.row>
-                    @endforeach
+                    @empty
+                        <x-table.row>
+                            <x-table.cell colspan="6">
+                                <div class="flex justify-center items-center">
+                                    <span class="font-medium py-8 text-gray-400 text-xl">No results...</span>
+                                </div>
+                            </x-table.cell>
+                        </x-table.row>
+                    @endforelse
                 </x-slot>
             </x-table>
 

diff --git a/resources/views/livewire/dashboard/metrics/metrics.blade.php b/resources/views/livewire/dashboard/metrics/metrics.blade.php
@@ -24,7 +24,7 @@
                     </x-table.heading>
                 </x-slot>
                 <x-slot name="body">
-                    @foreach($metrics as $metric)
+                    @forelse($metrics as $metric)
                         <x-table.row wire:loading.class.delay="opacity-50">
                             <x-table.cell>{{ $metric->id }}</x-table.cell>
                             <x-table.cell>{{ $metric->title }}</x-table.cell>
@@ -43,7 +43,15 @@
                                 @endcan
                             </x-table.cell>
                         </x-table.row>
-                    @endforeach
+                    @empty
+                        <x-table.row>
+                            <x-table.cell colspan="6">
+                                <div class="flex justify-center items-center">
+                                    <span class="font-medium py-8 text-gray-400 text-xl">No results...</span>
+                                </div>
+                            </x-table.cell>
+                        </x-table.row>
+                    @endforelse
                 </x-slot>
             </x-table>