Function Emoji

apps/web/ui/Message/Emoji/index.tsx:34–55

({ text }: Props)

}

export default function Emoji({ text }: Props) {
  if (!text) {
    return null;
  }
  const name = unwrap(text);
  // @ts-ignore
  if (EMOJIS[name]) {
    // @ts-ignore
    return <>{EMOJIS[name]}</>;
  }
  const letter = getLetter(name);
  const color = getColor(letter);
  return (
    <span
      className={classNames(styles.unknown, {
        [styles[`color-${color}`]]: color,
      })}
    >
      {title(name)}
    </span>
  );
}