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

apps/meteor/client/components/message/content/actions/MessageAction.tsx

@@ -0,0 +1,35 @@
+import { Button } from '@rocket.chat/fuselage';
+import type { Keys as IconName } from '@rocket.chat/icons';
+import type { TranslationKey } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+const resolveLegacyIcon = (legacyIcon: IconName | `icon-${IconName | 'videocam'}`): IconName => {
+	if (legacyIcon === 'icon-videocam') {
+		return 'video';
+	}
+
+	return legacyIcon?.replace(/^icon-/, '') as IconName;
+};
+
+export type MessageActionProps = {
+	icon: IconName;
+	i18nLabel?: TranslationKey;
+	label?: string;
+	methodId: string;
+	runAction: (actionId: string) => () => void;
+	danger?: boolean;
+};
+
+const MessageAction = ({ icon, methodId, i18nLabel, label, runAction, danger }: MessageActionProps) => {
+	const { t } = useTranslation();
+
+	const resolvedIcon = resolveLegacyIcon(icon);
+
+	return (
+		<Button icon={resolvedIcon} data-method-id={methodId} onClick={runAction(methodId)} marginInline={4} small danger={danger}>
+			{i18nLabel ? t(i18nLabel) : label}
+		</Button>
+	);
+};
+
+export default MessageAction;