#150 - empty states (#160)

* #150 - added base for empty states

* #150 - added empty states to subpages

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

disabled "see more" button when no results are available

* Update resources/js/Pages/Holidays/Index.vue

Removed emoji from text

Co-authored-by: Krzysztof Rewak <krzysztof.rewak@gmail.com>

* #150 - added empty state for key page

* #150 - added empty state for user vacation request widget

* #31 - title corrected

Co-authored-by: Krzysztof Rewak <krzysztof.rewak@gmail.com>
This commit is contained in:
2022-06-02 10:37:41 +02:00
committed by GitHub
parent 3af92b2085
commit 4309e8104b
9 changed files with 115 additions and 15 deletions

View File

@@ -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,