moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

EmojiNode: fix getTextContent, remove unused exportDOM

This commit is contained in:
Alex Gleason 2023-09-25 16:12:51 -05:00
parent f3783f1a50
commit cefe9adc05
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/features/compose/editor/nodes/emoji-node.tsx
View File

@ -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<JSX.Element> {
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<JSX.Element> {
}
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 <Component emoji={emoji.native} alt={emoji.colons} className='emojione h-4 w-4' />;
} else {