From b7289389f4451a3e3b0bc916f0fe258858cd1d15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 28 Nov 2018 14:16:27 +0100
Subject: [PATCH] Add empty content view for search
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/Search.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Search.vue b/src/components/Search.vue
index 50995593..767264e2 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -21,11 +21,15 @@
   -->
 
 <template>
-	<div>
-		<h3>{{ t('social', 'Search') }} {{ term }}</h3>
-		<div v-if="results.length < 1" :class="{'icon-loading': loading}" class="emptycontent emptycontent-search" />
-		<div>
-			<UserEntry v-if="match" :item="match" />
+	<div class="social__wrapper">
+		<div v-if="results.length < 1" :class="{'icon-loading': loading}" id="emptycontent" class="">
+			<div class="icon-search"></div>
+			<h2>{{ t('social', 'No accounts found') }}</h2>
+			<p>No accounts found for {{ term }}</p>
+		</div>
+		<div v-if="match || results.length > 0">
+			<h3>{{ t('social', 'Search') }} {{ term }}</h3>
+			<UserEntry :item="match" />
 			<UserEntry v-for="result in results" :key="result.id" :item="result" />
 		</div>
 	</div>