|
|
|
@ -38,9 +38,11 @@ function Reaction({ payload, ele }) {
|
|
|
|
|
const [finish, updateFinish] = React.useState(false);
|
|
|
|
|
if (finish) setTimeout(() => updateFinish(false), 1000);
|
|
|
|
|
return (
|
|
|
|
|
<Popover usePortal interactionKind="hover" isOpen={finish ? false : (focus ? true : undefined)}>
|
|
|
|
|
<span className="icon icon-emoji"></span>
|
|
|
|
|
<div>
|
|
|
|
|
<Popover
|
|
|
|
|
usePortal
|
|
|
|
|
interactionKind="hover"
|
|
|
|
|
isOpen={finish ? false : (focus ? true : undefined)}
|
|
|
|
|
content={<div>
|
|
|
|
|
{chunk(emojiList, elesPerRow).map((line, i) => (
|
|
|
|
|
<div className="row" key={+i} style={{ paddingBottom: 4, paddingTop: 4 }}>
|
|
|
|
|
{line.map((emoji) => (
|
|
|
|
@ -60,6 +62,8 @@ function Reaction({ payload, ele }) {
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
}>
|
|
|
|
|
<span className="icon icon-emoji"></span>
|
|
|
|
|
</Popover>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|