From 2f84f2a066adc5c4be495b9233177869cafb4453 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Tue, 7 Jun 2022 11:53:40 +0200
Subject: [PATCH] #150 - changed the default colour for empty states

---
 resources/js/Shared/Feedbacks/EmptyState.vue            | 4 ++--
 resources/js/Shared/Widgets/PendingVacationRequests.vue | 2 +-
 resources/js/Shared/Widgets/UserVacationRequests.vue    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/Shared/Feedbacks/EmptyState.vue b/resources/js/Shared/Feedbacks/EmptyState.vue
index 4467e65..6c03570 100644
--- a/resources/js/Shared/Feedbacks/EmptyState.vue
+++ b/resources/js/Shared/Feedbacks/EmptyState.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="text-center my-5">
+  <div class="text-center my-5 text-gray-500">
     <slot name="head">
       <SearchIcon class="mx-auto w-12 h-12" />
     </slot>
@@ -8,7 +8,7 @@
         No search result
       </slot>
     </h3>
-    <p class="text-sm text-gray-500">
+    <p class="text-sm">
       <slot name="text">
         Try a different search query
       </slot>
diff --git a/resources/js/Shared/Widgets/PendingVacationRequests.vue b/resources/js/Shared/Widgets/PendingVacationRequests.vue
index ab3941b..5c280c0 100644
--- a/resources/js/Shared/Widgets/PendingVacationRequests.vue
+++ b/resources/js/Shared/Widgets/PendingVacationRequests.vue
@@ -52,7 +52,7 @@
             </div>
           </li>
           <li v-if="! requests.length">
-            <EmptyState class="text-gray-700">
+            <EmptyState>
               <template #head>
                 <CollectionIcon class="mx-auto w-12 h-12" />
               </template>
diff --git a/resources/js/Shared/Widgets/UserVacationRequests.vue b/resources/js/Shared/Widgets/UserVacationRequests.vue
index bd0019d..be4458f 100644
--- a/resources/js/Shared/Widgets/UserVacationRequests.vue
+++ b/resources/js/Shared/Widgets/UserVacationRequests.vue
@@ -38,7 +38,7 @@
           </li>
           <li v-if="! requests.length">
             <p class="py-2">
-              <EmptyState class="text-gray-700">
+              <EmptyState>
                 <template #head>
                   <CollectionIcon class="mx-auto w-12 h-12" />
                 </template>