glitch-soc/mastodon

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

Open

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

    if (multiColumn) {
      const { columns } = this.props;

Consider simplifying this complex logical expression.

Open

    if (multiColumn) {
      const { columns } = this.props;

      return (
        <div className='drawer' role='region' aria-label={intl.formatMessage(messages.compose)}>

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

Open

const messages = defineMessages({
  start: { id: 'getting_started.heading', defaultMessage: 'Getting started' },
  home_timeline: { id: 'tabs_bar.home', defaultMessage: 'Home' },
  notifications: { id: 'tabs_bar.notifications', defaultMessage: 'Notifications' },
  public: { id: 'navigation_bar.public_timeline', defaultMessage: 'Federated timeline' },

• Read up
  Read up

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

Open

            <Motion defaultStyle={{ x: -100 }} style={{ x: spring(showSearch ? 0 : -100, { stiffness: 210, damping: 20 }) }}>
              {({ x }) => (
                <div className='drawer__inner darker' style={{ transform: `translateX(${x}%)`, visibility: x === -100 ? 'hidden' : 'visible' }}>
                  <SearchResults />
                </div>

• Read up
  Read up

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

Open

  handleLogoutClick = e => {
    const { dispatch, intl } = this.props;

    e.preventDefault();
    e.stopPropagation();

• Read up
  Read up

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

Open

            {!columns.some(column => column.get('id') === 'HOME') && (
              <Link to='/home' className='drawer__tab' title={intl.formatMessage(messages.home_timeline)} aria-label={intl.formatMessage(messages.home_timeline)}><Icon id='home' icon={HomeIcon} /></Link>
            )}

• Read up
  Read up

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

Open

            {!columns.some(column => column.get('id') === 'NOTIFICATIONS') && (
              <Link to='/notifications' className='drawer__tab' title={intl.formatMessage(messages.notifications)} aria-label={intl.formatMessage(messages.notifications)}><Icon id='bell' icon={NotificationsIcon} /></Link>
            )}

• Read up
  Read up

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

Open

            {!columns.some(column => column.get('id') === 'PUBLIC') && (
              <Link to='/public' className='drawer__tab' title={intl.formatMessage(messages.public)} aria-label={intl.formatMessage(messages.public)}><Icon id='globe' icon={PublicIcon} /></Link>
            )}

• Read up
  Read up

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

Open

            {!columns.some(column => column.get('id') === 'COMMUNITY') && (
              <Link to='/public/local' className='drawer__tab' title={intl.formatMessage(messages.community)} aria-label={intl.formatMessage(messages.community)}><Icon id='users' icon={PeopleIcon} /></Link>
            )}

• Read up
  Read up

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

Open

    return (
      <Column onFocus={this.onFocus}>
        <ComposeFormContainer />

        <Helmet>

• Read up
  Read up