You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
894 B
TypeScript
33 lines
894 B
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import { Picker } from 'emoji-mart';
|
|
import { Constants } from '../../session';
|
|
import { useSelector } from 'react-redux';
|
|
import { getTheme } from '../../state/selectors/theme';
|
|
|
|
type Props = {
|
|
onEmojiClicked: (emoji: any) => void;
|
|
show: boolean;
|
|
};
|
|
|
|
export const SessionEmojiPanel = (props: Props) => {
|
|
const { onEmojiClicked, show } = props;
|
|
const darkMode = useSelector(getTheme) === 'dark';
|
|
|
|
return (
|
|
<div className={classNames('session-emoji-panel', show && 'show')}>
|
|
<Picker
|
|
backgroundImageFn={() => './images/emoji/emoji-sheet-twitter-32.png'}
|
|
set={'twitter'}
|
|
sheetSize={32}
|
|
darkMode={darkMode}
|
|
color={Constants.UI.COLORS.GREEN}
|
|
showPreview={true}
|
|
title={''}
|
|
onSelect={onEmojiClicked}
|
|
autoFocus={true}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|