#150 - added empty states for the widget: vacation requests

disabled "see more" button when no results are available

resources/js/Shared/Widgets/PendingVacationRequests.vue

@@ -52,13 +52,24 @@
             </div>
           </li>
           <li v-if="! requests.length">
-            <p class="py-2">
-              Brak danych
-            </p>
+            <EmptyState class="text-gray-700">
+              <template #head>
+                <CollectionIcon class="mx-auto w-12 h-12" />
+              </template>
+              <template #title>
+                Brak wniosków
+              </template>
+              <template #text>
+                Nie ma oczekujących wniosków
+              </template>
+            </EmptyState>
           </li>
         </ul>
       </div>
-      <div class="mt-6">
+      <div
+        v-if="requests.length"
+        class="mt-6"
+      >
         <InertiaLink
           href="/vacation/requests"
           :data="{ status: 'waiting_for_action' }"
@@ -73,6 +84,8 @@
 
 <script setup>
 import VacationType from '@/Shared/VacationType'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
+import { CollectionIcon } from '@heroicons/vue/solid'
 
 defineProps({
   requests: Object,