bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wrap EmojiPicker with a Suspense boundary

Browse source
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

34
src/features/emoji/components/emoji-picker-dropdown.tsx
View file

@ -1,5 +1,5 @@
import { Map as ImmutableMap } from 'immutable'; 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 { defineMessages, useIntl } from 'react-intl';
import { createSelector } from 'reselect'; import { createSelector } from 'reselect';
@ -215,21 +215,23 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
return ( return (
visible ? ( visible ? (
<RenderAfter update={update}> <RenderAfter update={update}>
<EmojiPicker <Suspense>
custom={withCustom ? [{ emojis: buildCustomEmojis(customEmojis) }] : undefined} <EmojiPicker
title={title} custom={withCustom ? [{ emojis: buildCustomEmojis(customEmojis) }] : undefined}
onEmojiSelect={handlePick} title={title}
recent={frequentlyUsedEmojis} onEmojiSelect={handlePick}
perLine={8} recent={frequentlyUsedEmojis}
skin={handleSkinTone} perLine={8}
emojiSize={22} skin={handleSkinTone}
emojiButtonSize={34} emojiSize={22}
set='twitter' emojiButtonSize={34}
theme={theme} set='twitter'
i18n={getI18n()} theme={theme}
skinTonePosition='search' i18n={getI18n()}
previewPosition='none' skinTonePosition='search'
/> previewPosition='none'
/>
</Suspense>
</RenderAfter> </RenderAfter>
) : null ) : null
); );