mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-02-15 07:28:59 +00:00
Wrap mention blot react root with emoji localization provider
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user