benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-04-19 23:37:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix issue with new wishlists and a empty item list

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-19 20:55:37 +01:00
parent f7229b2397
commit c256da11f7
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/views/DetailView.vue
View file

@ -112,10 +112,20 @@ const handleDeleteItem = async (item: WishlistItemType): Promise<void> => {
</div> </div>
<FormWishlist v-else :wishlist="state" @update="handleUpdateWishlist" /> <FormWishlist v-else :wishlist="state" @update="handleUpdateWishlist" />
</div> </div>
<div <div
v-if="filteredItems.length > 0" v-if="!editModeIsActive && filteredItems.length === 0"
class="flex flex-col space-y-14 py-10 md:space-y-8" class="flex h-1/2 w-full justify-center"
> >
<div
class="flex flex-col flex-wrap items-center justify-center text-center text-xl text-gray-600/75 dark:text-white/70 sm:flex-row sm:space-x-2 sm:text-left"
>
<IconNoGift class="h-10 w-10 fill-gray-600/75 dark:fill-white/70" />
<span>{{ t('pages.detail-view.main.empty-list.text') }}</span>
</div>
</div>
<div v-else class="flex flex-col space-y-14 py-10 md:space-y-8">
<FormWishlistItem <FormWishlistItem
v-if="editModeIsActive" v-if="editModeIsActive"
mode="create" mode="create"
@ -136,14 +146,6 @@ const handleDeleteItem = async (item: WishlistItemType): Promise<void> => {
/> />
</div> </div>
</div> </div>
<div v-else class="flex h-1/2 w-full justify-center">
<div
class="flex flex-col flex-wrap items-center justify-center text-center text-xl text-gray-600/75 dark:text-white/70 sm:flex-row sm:space-x-2 sm:text-left"
>
<IconNoGift class="h-10 w-10 fill-gray-600/75 dark:fill-white/70" />
<span>{{ t('pages.detail-view.main.empty-list.text') }}</span>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>