|
|
@ -1,6 +1,7 @@
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
|
|
|
|
|
|
|
|
import EmojiSelector from '../../../../components/ui/emoji-selector/emoji-selector';
|
|
|
|
import { Portal } from 'soapbox/components/ui';
|
|
|
|
|
|
|
|
import EmojiSelector from 'soapbox/components/ui/emoji-selector/emoji-selector';
|
|
|
|
|
|
|
|
|
|
|
|
interface IChatMessageReactionWrapper {
|
|
|
|
interface IChatMessageReactionWrapper {
|
|
|
|
onOpen(isOpen: boolean): void
|
|
|
|
onOpen(isOpen: boolean): void
|
|
|
@ -36,6 +37,7 @@ function ChatMessageReactionWrapper(props: IChatMessageReactionWrapper) {
|
|
|
|
onClick: onToggleVisibility,
|
|
|
|
onClick: onToggleVisibility,
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Portal>
|
|
|
|
<EmojiSelector
|
|
|
|
<EmojiSelector
|
|
|
|
visible={isOpen}
|
|
|
|
visible={isOpen}
|
|
|
|
referenceElement={referenceElement}
|
|
|
|
referenceElement={referenceElement}
|
|
|
@ -44,6 +46,7 @@ function ChatMessageReactionWrapper(props: IChatMessageReactionWrapper) {
|
|
|
|
offset={[-10, 12]}
|
|
|
|
offset={[-10, 12]}
|
|
|
|
all={false}
|
|
|
|
all={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
</Portal>
|
|
|
|
</React.Fragment>
|
|
|
|
</React.Fragment>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|