mashirozx/mastodon

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

Open

              <tr>
                <td><kbd>h</kbd></td>
                <td><FormattedMessage id='keyboard_shortcuts.toggle_sensitivity' defaultMessage='to show/hide media' /></td>
              </tr>

• Read up
  Read up

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

Open

              <tr>
                <td><kbd>?</kbd></td>
                <td><FormattedMessage id='keyboard_shortcuts.legend' defaultMessage='to display this legend' /></td>
              </tr>

• Read up
  Read up

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

Open

              <tr>
                <td><kbd>b</kbd></td>
                <td><FormattedMessage id='keyboard_shortcuts.boost' defaultMessage='to boost' /></td>
              </tr>

• Read up
  Read up

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

Open

              <tr>
                <td><kbd>backspace</kbd></td>
                <td><FormattedMessage id='keyboard_shortcuts.back' defaultMessage='to navigate back' /></td>
              </tr>

• Read up
  Read up

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

Open

              <tr>
                <td><kbd>s</kbd></td>
                <td><FormattedMessage id='keyboard_shortcuts.search' defaultMessage='to focus search' /></td>
              </tr>

• Read up
  Read up

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

Open

  it('renders class="button--block" if props.block given', () => {
    const component = renderer.create(<Button block />);
    const tree      = component.toJSON();

    expect(tree).toMatchSnapshot();

• Read up
  Read up

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

Open

  it('adds class "button-secondary" if props.secondary given', () => {
    const component = renderer.create(<Button secondary />);
    const tree      = component.toJSON();

    expect(tree).toMatchSnapshot();

• Read up
  Read up

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

Open

          <p>
            <FormattedMessage
              id='confirmations.block.message'
              defaultMessage='Are you sure you want to block {name}?'
              values={{ name: <strong>@{account.get('acct')}</strong> }}

• Read up
  Read up

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

Open

  it('renders a disabled attribute if props.disabled given', () => {
    const component = renderer.create(<Button disabled />);
    const tree      = component.toJSON();

    expect(tree).toMatchSnapshot();

• Read up
  Read up

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

Open

  toggleMute = () => {
    const muted = !this.state.muted;

    this.setState({ muted }, () => {
      this.audio.muted = muted;

• Read up
  Read up

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

Open

          <p>
            <FormattedMessage
              id='confirmations.mute.message'
              defaultMessage='Are you sure you want to mute {name}?'
              values={{ name: <strong>@{account.get('acct')}</strong> }}

• Read up
  Read up

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

Open

  toggleMute = () => {
    const muted = !this.video.muted;

    this.setState({ muted }, () => {
      this.video.muted = muted;

• Read up
  Read up

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

Open

  render () {
    const { intl, multiColumn, isSearching, layout } = this.props;

    return (
      <Column bindToDocument={!multiColumn} ref={this.setRef} label={intl.formatMessage(messages.title)}>

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

Open

  render () {
    const { isLoading, accountIds, intl, columnId, multiColumn, domain } = this.props;
    const { order, local }  = this.getParams(this.props, this.state);
    const pinned = !!columnId;

Method parallelize_with_progress has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    def parallelize_with_progress(scope)
      if options[:concurrency] < 1
        say('Cannot run with this concurrency setting, must be at least 1', :red)
        exit(1)
      end

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

Open

          <div className={classNames('quote-status', `status-${quote_status.get('visibility')}`, { muted: this.props.muted })} data-id={quote_status.get('id')}>
            <div className={classNames('status__content unlisted-quote', { 'status__content--with-action': this.context.router })}>
              <button onClick={this.handleQuoteClick}>
                <Icon id='unlock:fad' />
                {unlistedQuoteText}

• Read up
  Read up

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

Open

          <div className={classNames('quote-status', `status-${quote_status.get('visibility')}`, { muted: this.props.muted })} data-id={quote_status.get('id')}>
            <div className='status__info'>
              <a onClick={this.handleQuoteAccountClick} target='_blank' data-id={quote_status.getIn(['account', 'id'])} href={quote_status.getIn(['account', 'url'])} title={quote_status.getIn(['account', 'acct'])} className='status__display-name'>
                <div className='status__avatar'><Avatar account={quote_status.get('account')} size={18} /></div>
                <DisplayName account={quote_status.get('account')} />

• Read up
  Read up

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

Open

  renderLoadingVideoPlayer = () => {
    const { height, width } = this.props;

    return (
      <div className='video-player' style={{ height, width }} />

• Read up
  Read up

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

Open

  renderLoadingAudioPlayer = () => {
    const { height, width } = this.props;

    return (
      <div className='audio-player' style={{ height, width }} />

• Read up
  Read up

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

Open

const makeEmojiMap = record => record.get('emojis').reduce((obj, emoji) => {
  obj[`:${emoji.get('shortcode')}:`] = emoji.toJS();
  return obj;
}, {});

• Read up
  Read up