From e1d0096060f6dd0ad93581cf7019110148b83865 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 1 Jun 2022 12:45:02 +0200
Subject: [PATCH] #150 - added empty states to subpages

---
 resources/js/Pages/Holidays/Index.vue                  | 10 +++++++++-
 resources/js/Pages/Resumes/Index.vue                   | 10 +++++++++-
 resources/js/Pages/Technologies.vue                    | 10 +++++++++-
 resources/js/Pages/Users/Index.vue                     | 10 +++++++++-
 .../js/Pages/VacationRequest/IndexForApprovers.vue     | 10 +++++++++-
 5 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/resources/js/Pages/Holidays/Index.vue b/resources/js/Pages/Holidays/Index.vue
index ac621f5..05247b1 100644
--- a/resources/js/Pages/Holidays/Index.vue
+++ b/resources/js/Pages/Holidays/Index.vue
@@ -119,7 +119,14 @@
                 colspan="100%"
                 class="py-4 text-xl leading-5 text-center text-gray-700"
               >
-                Brak danych
+                <EmptyState>
+                  <template #title>
+                    Brak dni wolnych od pracy
+                  </template>
+                  <template #text>
+                    Brak wpisów dotyczących dni wolnych 😔
+                  </template>
+                </EmptyState>
               </td>
             </tr>
           </tbody>
@@ -132,6 +139,7 @@
 <script setup>
 import { DotsVerticalIcon, PencilIcon, TrashIcon } from '@heroicons/vue/solid'
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
 
 defineProps({
   holidays: Object,
diff --git a/resources/js/Pages/Resumes/Index.vue b/resources/js/Pages/Resumes/Index.vue
index c5fd574..42caee1 100644
--- a/resources/js/Pages/Resumes/Index.vue
+++ b/resources/js/Pages/Resumes/Index.vue
@@ -175,7 +175,14 @@
                 colspan="100%"
                 class="py-4 text-xl leading-5 text-center text-gray-700"
               >
-                Brak danych
+                <EmptyState>
+                  <template #title>
+                    Brak CV
+                  </template>
+                  <template #text>
+                    Brak wpisów dotyczących CV
+                  </template>
+                </EmptyState>
               </td>
             </tr>
           </tbody>
@@ -191,6 +198,7 @@ import { DotsVerticalIcon } from '@heroicons/vue/outline'
 import { DownloadIcon, PencilIcon, TrashIcon } from '@heroicons/vue/solid'
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import Pagination from '@/Shared/Pagination'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
 
 defineProps({
   resumes: Object,
diff --git a/resources/js/Pages/Technologies.vue b/resources/js/Pages/Technologies.vue
index b9b0a4a..f77b46a 100644
--- a/resources/js/Pages/Technologies.vue
+++ b/resources/js/Pages/Technologies.vue
@@ -92,7 +92,14 @@
                 colspan="100%"
                 class="py-4 text-xl leading-5 text-center text-gray-700"
               >
-                Brak danych
+                <EmptyState>
+                  <template #title>
+                    Brak technologii
+                  </template>
+                  <template #text>
+                    Brak wpisów dotyczących technologii
+                  </template>
+                </EmptyState>
               </td>
             </tr>
           </tbody>
@@ -200,6 +207,7 @@ import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { ref } from 'vue'
 import { Dialog, DialogOverlay, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'
 import { useForm } from '@inertiajs/inertia-vue3'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
 
 defineProps({
   technologies: Object,
diff --git a/resources/js/Pages/Users/Index.vue b/resources/js/Pages/Users/Index.vue
index 074189a..4cf1d27 100644
--- a/resources/js/Pages/Users/Index.vue
+++ b/resources/js/Pages/Users/Index.vue
@@ -194,7 +194,14 @@
                 colspan="100%"
                 class="py-4 text-xl leading-5 text-center text-gray-700"
               >
-                Brak danych
+                <EmptyState>
+                  <template #title>
+                    Nie znaleziono użytkownika
+                  </template>
+                  <template #text>
+                    Spróbuj sformułować zapytanie inaczej
+                  </template>
+                </EmptyState>
               </td>
             </tr>
           </tbody>
@@ -214,6 +221,7 @@ import { DotsVerticalIcon, PencilIcon, BanIcon, RefreshIcon } from '@heroicons/v
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { DateTime } from 'luxon'
 import Pagination from '@/Shared/Pagination'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
 
 const props = defineProps({
   users: Object,
diff --git a/resources/js/Pages/VacationRequest/IndexForApprovers.vue b/resources/js/Pages/VacationRequest/IndexForApprovers.vue
index 7f746d8..d4303af 100644
--- a/resources/js/Pages/VacationRequest/IndexForApprovers.vue
+++ b/resources/js/Pages/VacationRequest/IndexForApprovers.vue
@@ -346,7 +346,14 @@
               colspan="100%"
               class="py-4 text-xl leading-5 text-center text-gray-700"
             >
-              Brak danych
+              <EmptyState>
+                <template #title>
+                  Brak wniosków o urlop
+                </template>
+                <template #text>
+                  Spróbuj sformułować zapytanie inaczej
+                </template>
+              </EmptyState>
             </td>
           </tr>
         </tbody>
@@ -365,6 +372,7 @@ import { debounce } from 'lodash'
 import { Inertia } from '@inertiajs/inertia'
 import { Listbox, ListboxButton, ListboxLabel, ListboxOption, ListboxOptions } from '@headlessui/vue'
 import Pagination from '@/Shared/Pagination'
+import EmptyState from '@/Shared/Feedbacks/EmptyState'
 
 const props = defineProps({
   requests: Object,