diff --git a/app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx b/app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx index ca0e5f1f3..6845a2957 100644 --- a/app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx +++ b/app/soapbox/features/emoji/components/emoji_picker_dropdown.tsx @@ -10,7 +10,6 @@ import { isMobile } from 'soapbox/is_mobile'; import { buildCustomEmojis } from '../../emoji'; import { EmojiPicker as EmojiPickerAsync } from '../../ui/util/async-components'; -// import { Picker as EmojiPicker } from '../../emoji/emoji_picker'; import type { EmojiPick } from 'emoji-mart'; import type { List } from 'immutable'; @@ -18,19 +17,6 @@ import type { Emoji, CustomEmoji, NativeEmoji } from 'soapbox/features/emoji'; let EmojiPicker: any; // load asynchronously -// const categories = [ -// 'frequent', -// 'custom', -// 'people', -// 'nature', -// 'foods', -// 'activity', -// 'places', -// 'objects', -// 'symbols', -// 'flags', -// ]; - const messages = defineMessages({ emoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' }, emoji_pick: { id: 'emoji_button.pick', defaultMessage: 'Pick an emoji...' }, @@ -172,7 +158,7 @@ const EmojiPickerDropdown: React.FC = ({ custom_emojis, fr }, }; }; - + useEffect(() => { document.addEventListener('click', handleDocClick, false); document.addEventListener('touchend', handleDocClick, listenerOptions); @@ -237,12 +223,11 @@ const EmojiPickerDropdown: React.FC = ({ custom_emojis, fr recent={frequentlyUsedEmojis} perLine={8} skin={onSkinTone} - emojiSize={38} - emojiButtonSize={50} - set={'twitter'} + emojiSize={22} + emojiButtonSize={34} + set='twitter' theme={theme} i18n={getI18n()} - // categories={categories} /> )}