src/shared/components/common/emoji-mart.tsx

   1 import { Component } from "inferno";
   2 import { getEmojiMart } from "../../utils";
   3
   4 interface EmojiMartProps {
   5   onEmojiClick?(val: any): any;
   6   pickerOptions: any;
   7 }
   8
   9 export class EmojiMart extends Component<EmojiMartProps> {
  10   constructor(props: any, context: any) {
  11     super(props, context);
  12     this.handleEmojiClick = this.handleEmojiClick.bind(this);
  13   }
  14   componentDidMount() {
  15     let div: any = document.getElementById("emoji-picker");
  16     if (div) {
  17       div.appendChild(
  18         getEmojiMart(this.handleEmojiClick, this.props.pickerOptions)
  19       );
  20     }
  21   }
  22
  23   render() {
  24     return <div id="emoji-picker"></div>;
  25   }
  26
  27   handleEmojiClick(e: any) {
  28     this.props.onEmojiClick?.(e);
  29   }
  30 }