glitch-soc/mastodon

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

Open

  render () {
    const { accountId, accountIds, hasMore, isAccount, multiColumn, isLoading, suspended, hidden, remote, remoteUrl, hideCollections } = this.props;

    if (!isAccount) {
      return (

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

Open

  render () {
    const { signedIn, permissions } = this.props.identity;
    const { multiColumn } = this.props;

    const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS);

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

Open

        <div className='column-settings__row'>
          <SettingToggle settings={settings} settingPath={['other', 'onlyMedia']} onChange={onChange} label={<FormattedMessage id='community.column_settings.media_only' defaultMessage='Media only' />} />
        </div>

• Read up
  Read up

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

Open

        <div className='column-settings__row'>
          <SettingToggle settings={settings} settingPath={['other', 'onlyMedia']} onChange={onChange} label={<FormattedMessage id='community.column_settings.media_only' defaultMessage='Media only' />} />
        </div>

• Read up
  Read up

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

Open

  handleChangeIndex = (e) => {
    const index = Number(e.currentTarget.getAttribute('data-index'));

    this.setState({
      index: index % this.props.media.size,

• Read up
  Read up

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

Open

  getCurrentStatusIndex = (id, featured) => {
    if (featured) {
      return this.props.featuredStatusIds.indexOf(id);
    } else {
      return this.props.statusIds.indexOf(id) + this.getFeaturedStatusCount();

• Read up
  Read up

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

Open

        <div className='navigation-panel__legal'>
          <hr />
          <ColumnLink transparent to='/about' icon='ellipsis-h' iconComponent={MoreHorizIcon} text={intl.formatMessage(messages.about)} />
        </div>

• Read up
  Read up

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

Open

  handleChangeIndex = (e) => {
    const index = Number(e.currentTarget.getAttribute('data-index'));

    this.setState({
      index: index % this.props.media.size,

• Read up
  Read up

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

Open

  getCurrentStatusIndex = (id, featured) => {
    if (featured) {
      return this.props.featuredStatusIds.indexOf(id);
    } else {
      return this.props.statusIds.indexOf(id) + this.getFeaturedStatusCount();

• Read up
  Read up

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

Open

        <div className='navigation-panel__legal'>
          <hr />
          <ColumnLink transparent to='/about' icon='ellipsis-h' iconComponent={MoreHorizIcon} text={intl.formatMessage(messages.about)} />
        </div>

• Read up
  Read up

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

Open

  _syncVideoFromLocalStorage = () => {
    this.setState({ volume: playerSettings.get('volume') ?? 0.5, muted: playerSettings.get('muted') ?? false }, () => {
      this._syncVideoToVolumeState();
    });
  };

• Read up
  Read up

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

Open

  _syncVideoFromLocalStorage = () => {
    this.setState({ volume: playerSettings.get('volume') ?? 0.5, muted: playerSettings.get('muted') ?? false }, () => {
      this._syncVideoToVolumeState();
    });
  };

• Read up
  Read up

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

Open

export default class AdminComponent extends PureComponent {

  static propTypes = {
    children: PropTypes.node.isRequired,
  };

• Read up
  Read up

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

Open

    return (
      <Option
        name='status_ids'
        value={status.get('id')}
        checked={checked}

• Read up
  Read up

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

Open

export default class AdminComponent extends PureComponent {

  static propTypes = {
    children: PropTypes.node.isRequired,
  };

• Read up
  Read up

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

Open

          <LocalSettingsPageItem
            settings={settings}
            item={['collapsed', 'auto', 'all']}
            id='mastodon-settings--collapsed-auto-all'
            onChange={onChange}

• Read up
  Read up

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

Open

          <LocalSettingsPageItem
            settings={settings}
            item={['collapsed', 'backgrounds', 'user_backgrounds']}
            id='mastodon-settings--collapsed-user-backgrouns'
            onChange={onChange}

• Read up
  Read up

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

Open

    return (
      <Option
        name='status_ids'
        value={status.get('id')}
        checked={checked}

• Read up
  Read up

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

Open

  render () {
    const { label, limit } = this.props;
    const { loading, data } = this.state;

    let content;

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

Open

  render () {
    const { components } = this.props;

    let handleOpenVideo;