snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/composer/EmojiPicker/SearchingResult.tsx

@@ -0,0 +1,47 @@
+import { EmojiPickerNotFound, VirtualizedScrollbars } from '@rocket.chat/ui-client';
+import type { MouseEvent } from 'react';
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import type { VirtuosoGridHandle } from 'react-virtuoso';
+import { VirtuosoGrid } from 'react-virtuoso';
+
+import EmojiElement from './EmojiElement';
+import SearchingResultWrapper from './SearchingResultWrapper';
+import type { EmojiItem } from '../../../lib/emoji';
+
+/**
+ * the `SearchingResults` is missing the previous loadMore function that was implemented before on the latest version of EmojiPicker using the Blaze Template. It can't be implemented because of the issue with react-virtuoso and the custom scrollbars, since its using virtual list its not gonna be an issue rendering bigger results for search
+ *
+ */
+
+export type SearchingResultProps = {
+	searchResults: EmojiItem[];
+	handleSelectEmoji: (event: MouseEvent<HTMLElement>) => void;
+};
+
+const SearchingResult = ({ searchResults, handleSelectEmoji }: SearchingResultProps) => {
+	const { t } = useTranslation();
+	const ref = useRef<VirtuosoGridHandle>(null);
+
+	if (searchResults.length === 0) {
+		return <EmojiPickerNotFound>{t('No_emojis_found')}</EmojiPickerNotFound>;
+	}
+
+	return (
+		<VirtualizedScrollbars>
+			<VirtuosoGrid
+				ref={ref}
+				totalCount={searchResults.length}
+				components={{
+					List: SearchingResultWrapper,
+				}}
+				itemContent={(index) => {
+					const { emoji, image } = searchResults[index] || {};
+					return <EmojiElement emoji={emoji} image={image} onClick={handleSelectEmoji} />;
+				}}
+			/>
+		</VirtualizedScrollbars>
+	);
+};
+
+export default SearchingResult;