From 5cb28d161dd848571e50a9ca231d95248ffe8f38 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Thu, 19 Mar 2020 15:37:40 +0100
Subject: [PATCH] display empty state for search results

---
 .../components/_new/features/SearchResults/SearchResults.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webapp/components/_new/features/SearchResults/SearchResults.vue b/webapp/components/_new/features/SearchResults/SearchResults.vue
index 1dd6a32a5..230bcb4ca 100644
--- a/webapp/components/_new/features/SearchResults/SearchResults.vue
+++ b/webapp/components/_new/features/SearchResults/SearchResults.vue
@@ -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>