Wrap mention blot react root with emoji localization provider

This commit is contained in:
Jamie Kyle
2025-04-09 15:14:28 -07:00
committed by GitHub
parent c861161f22
commit 7783d9ed38
2 changed files with 13 additions and 7 deletions

View File

@@ -38,7 +38,10 @@ export const FunEmojiLocalizationContext =
export function useFunEmojiLocalization(): FunEmojiLocalizationContextType {
const fun = useContext(FunEmojiLocalizationContext);
strictAssert(fun != null, 'Must be wrapped with <FunProvider>');
strictAssert(
fun != null,
'Must be wrapped with <FunEmojiLocalizationProvider>'
);
return fun;
}

View File

@@ -8,6 +8,7 @@ import { render } from 'react-dom';
import { Emojify } from '../../components/conversation/Emojify';
import { normalizeAci } from '../../util/normalizeAci';
import type { MentionBlotValue } from '../util';
import { FunEmojiLocalizationProvider } from '../../components/fun/FunEmojiLocalizationProvider';
export class MentionBlot extends EmbedBlot {
static override blotName = 'mention';
@@ -46,12 +47,14 @@ export class MentionBlot extends EmbedBlot {
const mentionSpan = document.createElement('span');
render(
<span className="module-composition-input__at-mention">
<bdi>
@
<Emojify text={mention.title} />
</bdi>
</span>,
<FunEmojiLocalizationProvider i18n={window.i18n}>
<span className="module-composition-input__at-mention">
<bdi>
@
<Emojify text={mention.title} />
</bdi>
</span>
</FunEmojiLocalizationProvider>,
mentionSpan
);