emoji-mart/dist-modern/components/skins.js

Customizable Slack-like emoji picker for React

import React from 'react';
import PropTypes from 'prop-types';
export default class Skins extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      opened: false
    };
  }

  handleClick(e) {
    var skin = parseInt(e.currentTarget.getAttribute('data-skin'));
    var {
      onChange
    } = this.props;

    if (!this.state.opened) {
      this.setState({
        opened: true
      });
    } else {
      this.setState({
        opened: false
      });

      if (skin != this.props.skin) {
        onChange(skin);
      }
    }
  }

  render() {
    return null;
  }

}
Skins.propTypes
/* remove-proptypes */
= {
  onChange: PropTypes.func,
  skin: PropTypes.number.isRequired
};
Skins.defaultProps = {
  onChange: () => {}
};