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

#150 - added empty state for user vacation request widget

Browse Source
This commit is contained in:
Kamil Niemczycki 2022-06-02 09:04:10 +02:00
parent 52e546ed64
commit 70d3e3cd33
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/Shared/Widgets/UserVacationRequests.vue
View File

@ -38,12 +38,25 @@
</li> </li>
<li v-if="! requests.length"> <li v-if="! requests.length">
<p class="py-2"> <p class="py-2">
Brak danych <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>
</p> </p>
</li> </li>
</ul> </ul>
</div> </div>
<div class="mt-6"> <div
v-if="requests.length"
class="mt-6"
>
<InertiaLink <InertiaLink
href="/vacation/requests/me" href="/vacation/requests/me"
class="flex justify-center items-center py-2 px-4 w-full text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blumilk-500 shadow-sm" class="flex justify-center items-center py-2 px-4 w-full text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blumilk-500 shadow-sm"
@ -58,6 +71,8 @@
<script setup> <script setup>
import Status from '@/Shared/Status' import Status from '@/Shared/Status'
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,