maa123/mastodon

File emoji_picker_dropdown.jsx has 343 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import PropTypes from 'prop-types';
import { PureComponent } from 'react';

import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';

Function render has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { loading, style, intl, custom_emojis, skinTone, frequentlyUsedEmojis } = this.props;

    if (loading) {
      return <div style={{ width: 299 }} />;

Function render has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const { intl, onPickEmoji, onSkinTone, skinTone, frequentlyUsedEmojis, button } = this.props;
    const title = intl.formatMessage(messages.emoji);
    const { active, loading } = this.state;

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const messages = defineMessages({
  emoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' },
  emoji_search: { id: 'emoji_button.search', defaultMessage: 'Search...' },
  custom: { id: 'emoji_button.custom', defaultMessage: 'Custom' },
  recent: { id: 'emoji_button.recent', defaultMessage: 'Frequently used' },

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={1}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={1} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={2}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={2} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={4}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={4} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={6}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={6} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={3}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={3} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

        <button type='button' onClick={this.handleClick} data-index={5}><Emoji emoji='fist' set='twitter' size={22} sheetSize={32} skin={5} backgroundImageFn={backgroundImageFn} /></button>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  handleDocumentClick = e => {
    if (this.node && !this.node.contains(e.target)) {
      this.props.onClose();
    }
  };

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  handleDocumentClick = e => {
    if (this.node && !this.node.contains(e.target)) {
      this.props.onClose();
    }
  };

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

  static propTypes = {
    active: PropTypes.bool,
    modifier: PropTypes.number,
    onChange: PropTypes.func,
    onClose: PropTypes.func,

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

  removeListeners () {
    document.removeEventListener('click', this.handleDocumentClick, { capture: true });
    document.removeEventListener('touchend', this.handleDocumentClick, listenerOptions);
  }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

  componentWillUnmount () {
    document.removeEventListener('click', this.handleDocumentClick, { capture: true });
    document.removeEventListener('touchend', this.handleDocumentClick, listenerOptions);
  }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

  attachListeners () {
    document.addEventListener('click', this.handleDocumentClick, { capture: true });
    document.addEventListener('touchend', this.handleDocumentClick, listenerOptions);
  }

• Read up
  Read up