kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

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

Browse Source 
disabled "see more" button when no results are available
This commit is contained in:
Kamil Niemczycki 2022-06-01 13:21:07 +02:00
parent e1d0096060
commit 538830a5a1
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/Shared/Widgets/PendingVacationRequests.vue
View File

@ -52,13 +52,24 @@
</div> </div>
</li> </li>
<li v-if="! requests.length"> <li v-if="! requests.length">
<p class="py-2"> <EmptyState class="text-gray-700">
Brak danych <template #head>
</p> <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> </li>
</ul> </ul>
</div> </div>
<div class="mt-6"> <div
v-if="requests.length"
class="mt-6"
>
<InertiaLink <InertiaLink
href="/vacation/requests" href="/vacation/requests"
:data="{ status: 'waiting_for_action' }" :data="{ status: 'waiting_for_action' }"
@ -73,6 +84,8 @@
<script setup> <script setup>
import VacationType from '@/Shared/VacationType' import VacationType from '@/Shared/VacationType'
import EmptyState from '@/Shared/Feedbacks/EmptyState'
import { CollectionIcon } from '@heroicons/vue/solid'
defineProps({ defineProps({
requests: Object, requests: Object,