glitch-soc/mastodon

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

Open

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

    let content;

File scrollable_list.jsx has 317 lines of code (exceeds 250 allowed). Consider refactoring.

Open

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

import classNames from 'classnames';
import { useLocation } from 'react-router-dom';

File notifications.js has 317 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { IntlMessageFormat } from 'intl-messageformat';
import { defineMessages } from 'react-intl';

import { List as ImmutableList } from 'immutable';

File scrollable_list.jsx has 317 lines of code (exceeds 250 allowed). Consider refactoring.

Open

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

import classNames from 'classnames';
import { useLocation } from 'react-router-dom';

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

Open

const getOrderedLists = createSelector([state => state.get('lists')], lists => {
  if (!lists) {
    return lists;
  }

• Read up
  Read up

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

Open

const getOrderedLists = createSelector([state => state.get('lists')], lists => {
  if (!lists) {
    return lists;
  }

• Read up
  Read up

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

Open

  const getOrderedLists = createSelector([state => state.get('lists')], lists => {
    if (!lists) {
      return lists;
    }

• Read up
  Read up

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

Open

  handleMouseMove = throttle(() => {
    // As long as the mouse keeps moving, clear and restart the idle timer.
    this.clearMouseIdleTimer();
    this.mouseIdleTimer = setTimeout(this.handleMouseIdle, MOUSE_IDLE_DELAY);

• Read up
  Read up

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

Open

  UNSAFE_componentWillMount () {
    if (this.props.singleColumn) {
      document.body.classList.toggle('layout-single-column', true);
      document.body.classList.toggle('layout-multiple-columns', false);
    } else {

• Read up
  Read up

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

Open

export const addToList = (listId, accountId) => (dispatch) => {
  dispatch(addToListRequest(listId, accountId));

  api().post(`/api/v1/lists/${listId}/accounts`, { account_ids: [accountId] })
    .then(() => dispatch(addToListSuccess(listId, accountId)))

• Read up
  Read up

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

Open

  handleDeleteClick = (status, withRedraft = false) => {
    const { dispatch } = this.props;

    if (!deleteModal) {
      dispatch(deleteStatus(status.get('id'), withRedraft));

• Read up
  Read up

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

Open

  UNSAFE_componentWillMount () {
    if (this.props.singleColumn) {
      document.body.classList.toggle('layout-single-column', true);
      document.body.classList.toggle('layout-multiple-columns', false);
    } else {

• Read up
  Read up

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

Open

  handleDeleteClick = (status, withRedraft = false) => {
    const { dispatch } = this.props;

    if (!deleteModal) {
      dispatch(deleteStatus(status.get('id'), withRedraft));

• Read up
  Read up

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

Open

  handleMouseMove = throttle(() => {
    // As long as the mouse keeps moving, clear and restart the idle timer.
    this.clearMouseIdleTimer();
    this.mouseIdleTimer = setTimeout(this.handleMouseIdle, MOUSE_IDLE_DELAY);

• Read up
  Read up

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

Open

export const addToList = (listId, accountId) => (dispatch) => {
  dispatch(addToListRequest(listId, accountId));

  api().post(`/api/v1/lists/${listId}/accounts`, { account_ids: [accountId] })
    .then(() => dispatch(addToListSuccess(listId, accountId)))

• Read up
  Read up

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

Open

        <IconButton className='status__action-bar-button star-icon' animate active={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' iconComponent={status.get('favourited') ? StarIcon : StarBorderIcon} onClick={this.handleFavouriteClick} counter={withCounters ? status.get('favourites_count') : undefined} />

• Read up
  Read up

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

Open

const filterNotifications = (state, accountIds, type) => {
  const helper = list => list.filterNot(item => item !== null && accountIds.includes(item.get('account')) && (type === undefined || type === item.get('type')));
  return state.update('items', helper).update('pendingItems', helper);
};

• Read up
  Read up

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

Open

        <IconButton className='status__action-bar__button star-icon' animate active={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' iconComponent={status.get('favourited') ? StarIcon : StarBorderIcon} onClick={this.handleFavouriteClick} counter={withCounters ? status.get('favourites_count') : undefined} />

• Read up
  Read up

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

Open

const filterNotifications = (state, accountIds, type) => {
  const helper = list => list.filterNot(item => item !== null && accountIds.includes(item.get('account')) && (type === undefined || type === item.get('type')));
  return state.update('items', helper).update('pendingItems', helper);
};

• Read up
  Read up

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

Open

  const handleMouseLeave = useCallback<MouseEventHandler>(
    ({ currentTarget }) => {
      if (autoPlayGif) {
        return;
      }

• Read up
  Read up