fix: respect useEmoji pref on reactions

apps/meteor/app/reactions/client/init.js

@@ -4,6 +4,7 @@ import { MessageAction } from '../../ui-utils/client';
 import { messageArgs } from '../../../client/lib/utils/messageArgs';
 import { EmojiPicker } from '../../emoji/client';
 import { roomCoordinator } from '../../../client/lib/rooms/roomCoordinator';
+import { getUserPreference } from '../../utils/client';
 
 Meteor.startup(function () {
 	MessageAction.addButton({
@@ -21,6 +22,10 @@ Meteor.startup(function () {
 				return false;
 			}
 
+			if (!user) {
+				return false;
+			}
+
 			if (!subscription) {
 				return false;
 			}
@@ -37,6 +42,12 @@ Meteor.startup(function () {
 				return false;
 			}
 
+			const useEmoji = getUserPreference(user._id, 'useEmoji');
+
+			if (!useEmoji) {
+				return false;
+			}
+
 			return true;
 		},
 		order: -2,

apps/meteor/client/components/message/content/Reactions.tsx

@@ -1,5 +1,6 @@
 import type { IMessage } from '@rocket.chat/core-typings';
 import { MessageReactions, MessageReactionAction } from '@rocket.chat/fuselage';
+import { useUserPreference } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
 import React from 'react';
 
@@ -11,13 +12,18 @@ type ReactionsProps = {
 	message: IMessage;
 };
 
-const Reactions = ({ message }: ReactionsProps): ReactElement => {
+const Reactions = ({ message }: ReactionsProps): ReactElement | null => {
 	const hasReacted = useUserHasReacted(message);
 	const filterReactions = useReactionsFilter(message);
 	const openEmojiPicker = useOpenEmojiPicker(message);
+	const useEmoji = useUserPreference('useEmoji');
 
 	const toggleReactionMutation = useToggleReactionMutation();
 
+	if (!useEmoji) {
+		return null;
+	}
+
 	return (
 		<MessageReactions>
 			{message.reactions &&