diff --git a/src/features/compose/editor/nodes/emoji-node.tsx b/src/features/compose/editor/nodes/emoji-node.tsx index 00f1962c9..4b1f0ddf6 100644 --- a/src/features/compose/editor/nodes/emoji-node.tsx +++ b/src/features/compose/editor/nodes/emoji-node.tsx @@ -5,7 +5,6 @@ import { Emoji as Component } from 'soapbox/components/ui'; import { isNativeEmoji, type Emoji } from 'soapbox/features/emoji'; import type { - DOMExportOutput, EditorConfig, LexicalNode, NodeKey, @@ -50,14 +49,6 @@ class EmojiNode extends DecoratorNode { return false; } - exportDOM(): DOMExportOutput { - const element = document.createElement('img'); - element.setAttribute('src', this.__src); - element.setAttribute('alt', this.__name); - element.classList.add('h-4', 'w-4'); - return { element }; - } - static importJSON({ data }: SerializedEmojiNode): EmojiNode { return $createEmojiNode(data); } @@ -79,12 +70,16 @@ class EmojiNode extends DecoratorNode { } getTextContent(): string { - return this.__name; + const emoji = this.__emoji; + if (isNativeEmoji(emoji)) { + return emoji.native; + } else { + return emoji.colons; + } } decorate(): JSX.Element { const emoji = this.__emoji; - if (isNativeEmoji(emoji)) { return ; } else {