From 6d836324675ee6be9fd7ca7401e4e6ed7e2a3d4c Mon Sep 17 00:00:00 2001
From: "kavita.sonawane@t-systems.com" <kavita.sonawane@t-systems.com>
Date: Mon, 30 Aug 2021 11:22:58 +0530
Subject: [PATCH 1/2] Search function strong tag for user input

Signed-off-by: Kavita Sonawane <kavita.sonawane@t-systems.com>
---
 core/src/views/UnifiedSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue
index 422bc27faa04f..14353593193fe 100644
--- a/core/src/views/UnifiedSearch.vue
+++ b/core/src/views/UnifiedSearch.vue
@@ -76,7 +76,7 @@
 			<SearchResultPlaceholders v-if="isLoading" />
 
 			<EmptyContent v-else-if="isValidQuery" icon="icon-search">
-				{{ t('core', 'No results for {query}', {query}) }}
+				{{ t('core', 'No results for') }} <strong>{{ t('query', query) }}</strong>
 			</EmptyContent>
 
 			<EmptyContent v-else-if="!isLoading || isShortQuery" icon="icon-search">

From 9aebffa0fa3aa05bfce0648cc574afab54b78739 Mon Sep 17 00:00:00 2001
From: "kavita.sonawane@t-systems.com" <kavita.sonawane@t-systems.com>
Date: Wed, 1 Sep 2021 13:25:38 +0530
Subject: [PATCH 2/2] Added Highlight component for the search term on no
 results

Signed-off-by: Kavita Sonawane <kavita.sonawane@t-systems.com>
---
 core/src/views/UnifiedSearch.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue
index 14353593193fe..c778014963814 100644
--- a/core/src/views/UnifiedSearch.vue
+++ b/core/src/views/UnifiedSearch.vue
@@ -76,7 +76,7 @@
 			<SearchResultPlaceholders v-if="isLoading" />
 
 			<EmptyContent v-else-if="isValidQuery" icon="icon-search">
-				{{ t('core', 'No results for') }} <strong>{{ t('query', query) }}</strong>
+				<Highlight :text="t('core', 'No results for {query}', { query })" :search="query" />
 			</EmptyContent>
 
 			<EmptyContent v-else-if="!isLoading || isShortQuery" icon="icon-search">
@@ -130,6 +130,7 @@ import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import debounce from 'debounce'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import Highlight from '@nextcloud/vue/dist/Components/Highlight'
 import Magnify from 'vue-material-design-icons/Magnify'
 
 import HeaderMenu from '../components/HeaderMenu'
@@ -147,6 +148,7 @@ export default {
 		ActionButton,
 		Actions,
 		EmptyContent,
+		Highlight,
 		HeaderMenu,
 		Magnify,
 		SearchResult,