From d34e36cc0b48e4cda9800f14719d6ee090326674 Mon Sep 17 00:00:00 2001
From: skjnldsv <skjnldsv@protonmail.com>
Date: Tue, 17 Mar 2026 10:36:40 +0100
Subject: [PATCH] fix(core): use NcChip for unified search tags

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
---
 .../UnifiedSearch/SearchFilterChip.vue        | 23 ++++---------------
 .../UnifiedSearch/UnifiedSearchModal.vue      | 17 +++++++-------
 2 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/core/src/components/UnifiedSearch/SearchFilterChip.vue b/core/src/components/UnifiedSearch/SearchFilterChip.vue
index 742ccca560039..abc071c916bdc 100644
--- a/core/src/components/UnifiedSearch/SearchFilterChip.vue
+++ b/core/src/components/UnifiedSearch/SearchFilterChip.vue
@@ -3,26 +3,15 @@
  - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 <template>
-	<div class="chip">
-		<span class="icon">
-			<slot name="icon" />
-			<span v-if="pretext.length"> {{ pretext }} : </span>
-		</span>
-		<span class="text">{{ text }}</span>
-		<span class="close-icon" @click="deleteChip">
-			<CloseIcon :size="18" />
-		</span>
-	</div>
+	<NcChip :text="text"
+		@close="deleteChip">
+		<slot name="icon" />
+	</NcChip>
 </template>
 
 <script>
-import CloseIcon from 'vue-material-design-icons/Close.vue'
-
 export default {
 	name: 'SearchFilterChip',
-	components: {
-		CloseIcon,
-	},
 
 	props: {
 		text: {
@@ -30,10 +19,6 @@ export default {
 			required: true,
 		},
 
-		pretext: {
-			type: String,
-			required: true,
-		},
 	},
 
 	methods: {
diff --git a/core/src/components/UnifiedSearch/UnifiedSearchModal.vue b/core/src/components/UnifiedSearch/UnifiedSearchModal.vue
index 70b8dfe49d35f..c29c5aa9019f8 100644
--- a/core/src/components/UnifiedSearch/UnifiedSearchModal.vue
+++ b/core/src/components/UnifiedSearch/UnifiedSearchModal.vue
@@ -102,24 +102,23 @@
 				</NcCheckboxRadioSwitch>
 			</div>
 			<div class="unified-search-modal__filters-applied">
-				<FilterChip
+				<NcChip
 					v-for="filter in filters"
 					:key="filter.id"
 					:text="filter.name ?? filter.text"
-					pretext=""
-					@delete="removeFilter(filter)">
+					@close="removeFilter(filter)">
 					<template #icon>
 						<NcAvatar
 							v-if="filter.type === 'person'"
 							:user="filter.user"
-							:size="24"
+							:size="22"
 							disable-menu
 							hide-user-status
 							:hide-favorite="false" />
-						<IconCalendarRange v-else-if="filter.type === 'date'" />
-						<img v-else :src="filter.icon" alt="">
+						<IconCalendarRange v-else-if="filter.type === 'date'" :size="18" />
+						<img v-else :src="filter.icon" height="18" width="18" alt="">
 					</template>
-				</FilterChip>
+				</NcChip>
 			</div>
 		</div>
 
@@ -208,6 +207,7 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
+import NcChip from '@nextcloud/vue/components/NcChip'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcInputField from '@nextcloud/vue/components/NcInputField'
@@ -220,7 +220,6 @@ import IconListBox from 'vue-material-design-icons/ListBox.vue'
 import IconMagnify from 'vue-material-design-icons/Magnify.vue'
 import CustomDateRangeModal from './CustomDateRangeModal.vue'
 import SearchableList from './SearchableList.vue'
-import FilterChip from './SearchFilterChip.vue'
 import SearchResult from './SearchResult.vue'
 import { unifiedSearchLogger } from '../../logger.js'
 import { getContacts, getProviders, search as unifiedSearch } from '../../services/UnifiedSearchService.js'
@@ -238,11 +237,11 @@ export default defineComponent({
 		IconMagnify,
 
 		CustomDateRangeModal,
-		FilterChip,
 		NcActions,
 		NcActionButton,
 		NcAvatar,
 		NcButton,
+		NcChip,
 		NcEmptyContent,
 		NcDialog,
 		NcInputField,