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

Wrap EmojiPicker with a Suspense boundary

This commit is contained in:
Alex Gleason 2023-10-10 11:07:15 -05:00
parent 3f21fe5e57
commit 1b2d6f1516
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/emoji/components/emoji-picker-dropdown.tsx
View File

@ -1,5 +1,5 @@
import { Map as ImmutableMap } from 'immutable';
import React, { useEffect, useState, useLayoutEffect } from 'react';
import React, { useEffect, useState, useLayoutEffect, Suspense } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { createSelector } from 'reselect';
@ -215,6 +215,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
return (
visible ? (
<RenderAfter update={update}>
<Suspense>
<EmojiPicker
custom={withCustom ? [{ emojis: buildCustomEmojis(customEmojis) }] : undefined}
title={title}
@ -230,6 +231,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
skinTonePosition='search'
previewPosition='none'
/>
</Suspense>
</RenderAfter>
) : null
);