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

apps/meteor/client/components/GenericNoResults/GenericNoResults.stories.tsx

@@ -0,0 +1,30 @@
+import { TextInput, Box, Icon } from '@rocket.chat/fuselage';
+import type { Meta, StoryFn } from '@storybook/react';
+
+import GenericNoResults from './GenericNoResults';
+
+export default {
+	component: GenericNoResults,
+	parameters: {
+		layout: 'padded',
+		actions: { argTypesRegex: '^on.*' },
+	},
+	decorators: [
+		(fn) => <div style={{ height: '100vh', maxHeight: 300, display: 'flex', flexDirection: 'column', marginInline: 24 }}>{fn()}</div>,
+	],
+} satisfies Meta<typeof GenericNoResults>;
+
+const filter = (
+	<>
+		<Box marginBlock={16} is='form' display='flex' flexDirection='column'>
+			<TextInput flexShrink={0} placeholder='Search...' endAddon={<Icon name='magnifier' size='x20' />} />
+		</Box>
+	</>
+);
+
+export const NoResults: StoryFn<typeof GenericNoResults> = () => (
+	<>
+		{filter}
+		<GenericNoResults />
+	</>
+);

apps/meteor/client/components/GenericNoResults/GenericNoResults.tsx

@@ -0,0 +1,47 @@
+import { Box, States, StatesIcon, StatesLink, StatesTitle, StatesSubtitle, StatesActions, StatesAction } from '@rocket.chat/fuselage';
+import type { Keys as IconName } from '@rocket.chat/icons';
+import { useTranslation } from 'react-i18next';
+
+type LinkProps = { linkText: string; linkHref: string } | { linkText?: never; linkHref?: never };
+type ButtonProps = { buttonTitle: string; buttonAction: () => void } | { buttonTitle?: never; buttonAction?: never };
+
+export type GenericNoResultsProps = {
+	icon?: IconName | null;
+	title?: string;
+	description?: string;
+} & LinkProps &
+	ButtonProps;
+
+const GenericNoResults = ({
+	icon = 'magnifier',
+	title,
+	description,
+	buttonTitle,
+	buttonAction,
+	linkHref,
+	linkText,
+}: GenericNoResultsProps) => {
+	const { t } = useTranslation();
+
+	return (
+		<Box role='group' aria-label={t('No_results_found')} display='flex' height='100%' flexDirection='column' justifyContent='center'>
+			<States>
+				{icon && <StatesIcon name={icon} />}
+				<StatesTitle>{title || t('No_results_found')}</StatesTitle>
+				{description && <StatesSubtitle>{description}</StatesSubtitle>}
+				{buttonTitle && buttonAction && (
+					<StatesActions>
+						<StatesAction onClick={buttonAction}>{buttonTitle}</StatesAction>
+					</StatesActions>
+				)}
+				{linkText && linkHref && (
+					<StatesLink href={linkHref} target='_blank'>
+						{linkText}
+					</StatesLink>
+				)}
+			</States>
+		</Box>
+	);
+};
+
+export default GenericNoResults;

apps/meteor/client/components/GenericNoResults/index.ts

@@ -0,0 +1 @@
+export { default } from './GenericNoResults';