30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import React, { useContext } from 'react';
|
|
import { Text } from 'react-native';
|
|
import { Emoji as EmojiProps } from '@rocket.chat/message-parser';
|
|
|
|
import shortnameToUnicode from '../../../utils/shortnameToUnicode';
|
|
import { themes } from '../../../constants/colors';
|
|
import { useTheme } from '../../../theme';
|
|
import styles from '../styles';
|
|
import CustomEmoji from '../../EmojiPicker/CustomEmoji';
|
|
import MarkdownContext from './MarkdownContext';
|
|
|
|
interface IEmojiProps {
|
|
value: EmojiProps['value'];
|
|
isBigEmoji?: boolean;
|
|
}
|
|
|
|
const Emoji = ({ value, isBigEmoji }: IEmojiProps): JSX.Element => {
|
|
const { theme } = useTheme();
|
|
const { baseUrl, getCustomEmoji } = useContext(MarkdownContext);
|
|
const emojiUnicode = shortnameToUnicode(`:${value.value}:`);
|
|
const emoji = getCustomEmoji?.(value.value);
|
|
|
|
if (emoji) {
|
|
return <CustomEmoji baseUrl={baseUrl} style={[isBigEmoji ? styles.customEmojiBig : styles.customEmoji]} emoji={emoji} />;
|
|
}
|
|
return <Text style={[{ color: themes[theme!].bodyText }, isBigEmoji ? styles.textBig : styles.text]}>{emojiUnicode}</Text>;
|
|
};
|
|
|
|
export default Emoji;
|