matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

WIP

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2023-02-25 23:30:24 +01:00
parent 528acb8ac5
commit 2bbbcd625e
12 changed files with 202 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/soapbox/components/ui/emoji-selector/emoji-selector.tsx
View File

@ -6,8 +6,7 @@ import { usePopper } from 'react-popper';
import { changeSetting } from 'soapbox/actions/settings';
import { Emoji, HStack, IconButton } from 'soapbox/components/ui';
import { messages } from 'soapbox/features/emoji/components/emoji-picker-dropdown';
import { getFrequentlyUsedEmojis } from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container';
import { getFrequentlyUsedEmojis, messages } from 'soapbox/features/emoji/components/emoji-picker-dropdown';
import { EmojiPicker as EmojiPickerAsync } from 'soapbox/features/ui/util/async-components';
import { useAppDispatch, useAppSelector, useSettings, useSoapboxConfig } from 'soapbox/hooks';
@ -88,10 +87,14 @@ const EmojiSelector: React.FC<IEmojiSelector> = ({
};
const handleClickOutside = (event: MouseEvent) => {
if ([referenceElement, popperElement, document.querySelector('em-emoji-picker')].some(el => el?.contains(event.target as Node))) {
if ([referenceElement, popperElement].some(el => el?.contains(event.target as Node))) {
return;
}
if (document.querySelector('em-emoji-picker')) {
return setExpanded(false);
}
if (onClose) {
onClose();
}
@ -145,6 +148,10 @@ const EmojiSelector: React.FC<IEmojiSelector> = ({
};
};
useEffect(() => () => {
document.body.style.overflow = '';
}, []);
useEffect(() => {
setExpanded(false);
}, [visible]);