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

apps/meteor/client/views/room/RoomAnnouncement/RoomAnnouncement.stories.tsx

@@ -0,0 +1,13 @@
+import type { StoryObj, Meta } from '@storybook/react';
+
+import RoomAnnouncement from '.';
+
+export default {
+	component: RoomAnnouncement,
+} satisfies Meta<typeof RoomAnnouncement>;
+
+export const Default: StoryObj<typeof RoomAnnouncement> = {
+	args: {
+		announcement: 'Lorem Ipsum Indolor',
+	},
+};

apps/meteor/client/views/room/RoomAnnouncement/RoomAnnouncement.tsx

@@ -0,0 +1,64 @@
+import { Box } from '@rocket.chat/fuselage';
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import { AnnouncementBanner, GenericModal } from '@rocket.chat/ui-client';
+import { useSetModal } from '@rocket.chat/ui-contexts';
+import type { KeyboardEvent, MouseEvent } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import MarkdownText from '../../../components/MarkdownText';
+
+type RoomAnnouncementParams = {
+	announcement: string;
+};
+
+const RoomAnnouncement = ({ announcement }: RoomAnnouncementParams) => {
+	const { t } = useTranslation();
+	const setModal = useSetModal();
+
+	const handleOpenAnnouncement = useStableCallback(() => {
+		setModal(
+			<GenericModal
+				icon={null}
+				title={t('Announcement')}
+				confirmText={t('Close')}
+				onConfirm={() => setModal(null)}
+				onClose={() => setModal(null)}
+			>
+				<Box>
+					<MarkdownText content={announcement} parseEmoji />
+				</Box>
+			</GenericModal>,
+		);
+	});
+
+	const handleClick = (e: MouseEvent) => {
+		if ((e.target as HTMLAnchorElement).href) {
+			return;
+		}
+
+		if (window?.getSelection()?.toString() !== '') {
+			return;
+		}
+
+		handleOpenAnnouncement();
+	};
+
+	const handleKeyDown = (e: KeyboardEvent) => {
+		if ((e.target as HTMLAnchorElement).href) {
+			return;
+		}
+
+		if (e.code === 'Enter' || e.code === 'Space') {
+			e.preventDefault();
+			handleOpenAnnouncement();
+		}
+	};
+
+	return announcement ? (
+		<AnnouncementBanner onClick={handleClick} onKeyDown={handleKeyDown}>
+			<MarkdownText variant='inlineWithoutBreaks' content={announcement} withTruncatedText parseEmoji />
+		</AnnouncementBanner>
+	) : null;
+};
+
+export default RoomAnnouncement;

apps/meteor/client/views/room/RoomAnnouncement/index.tsx

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