Merge pull request #28682 from nextcloud/NMC-464

NMC-464 Highlight the search term on no results
nextcloud · Sep 1, 2021 · 1a4e4b8 · 1a4e4b8
2 parents ab592c9 + d2aed25
commit 1a4e4b8
Show file tree

Hide file tree

Showing 10 changed files with 79 additions and 76 deletions.
diff --git a/core/js/dist/install.js b/core/js/dist/install.js
diff --git a/core/js/dist/login.js b/core/js/dist/login.js
diff --git a/core/js/dist/login.js.map b/core/js/dist/login.js.map
diff --git a/core/js/dist/main.js b/core/js/dist/main.js
diff --git a/core/js/dist/main.js.map b/core/js/dist/main.js.map
diff --git a/core/js/dist/recommendedapps.js b/core/js/dist/recommendedapps.js
diff --git a/core/js/dist/recommendedapps.js.map b/core/js/dist/recommendedapps.js.map
diff --git a/core/js/dist/unified-search.js b/core/js/dist/unified-search.js
diff --git a/core/js/dist/unified-search.js.map b/core/js/dist/unified-search.js.map
diff --git 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}) }}
+				<Highlight :text="t('core', 'No results for {query}', { query })" :search="query" />
 			</EmptyContent>
 
 			<EmptyContent v-else-if="!isLoading || isShortQuery" icon="icon-search">
@@ -126,10 +126,12 @@
 import { emit } from '@nextcloud/event-bus'
 import { minSearchLength, getTypes, search, defaultLimit, regexFilterIn, regexFilterNot } from '../services/UnifiedSearchService'
 import { showError } from '@nextcloud/dialogs'
+
 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'
@@ -148,6 +150,7 @@ export default {
 		Actions,
 		EmptyContent,
 		HeaderMenu,
+		Highlight,
 		Magnify,
 		SearchResult,
 		SearchResultPlaceholders,