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.
45 lines
999 B
TypeScript
45 lines
999 B
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import { Picker } from 'emoji-mart';
|
|
import { Constants } from '../../../session';
|
|
|
|
interface Props {
|
|
onEmojiClicked: (emoji: any) => void;
|
|
show: boolean;
|
|
}
|
|
|
|
interface State {
|
|
// FIXME Use Emoji-Mart categories
|
|
category: null;
|
|
}
|
|
|
|
export class SessionEmojiPanel extends React.Component<Props, State> {
|
|
constructor(props: Props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
category: null,
|
|
};
|
|
}
|
|
|
|
public render() {
|
|
const { onEmojiClicked, show } = this.props;
|
|
|
|
return (
|
|
<div className={classNames('session-emoji-panel', show && 'show')}>
|
|
<Picker
|
|
backgroundImageFn={() => './images/emoji/emoji-sheet-twitter-32.png'}
|
|
set={'twitter'}
|
|
sheetSize={32}
|
|
darkMode={true}
|
|
color={Constants.UI.COLORS.GREEN}
|
|
showPreview={true}
|
|
title={''}
|
|
onSelect={onEmojiClicked}
|
|
autoFocus={true}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|