display empty state for search results

This commit is contained in:
Alina Beck 2020-03-19 15:37:40 +01:00
parent 27c731cc1a
commit 5cb28d161d

View File

@ -1,8 +1,9 @@
<template>
<div class="search-results">
<tab-navigation :tabs="tabOptions" :activeTab="activeTab" @switchTab="switchTab" />
<section v-if="activeResources.length">
<masonry-grid v-if="activeTab === 'posts'">
<section>
<p v-if="!activeResources.length">No results found for "{{ search }}"</p>
<masonry-grid v-else-if="activeTab === 'posts'">
<masonry-grid-item v-for="resource in activeResources" :key="resource.key">
<post-teaser :post="resource" />
</masonry-grid-item>