glitch-soc/mastodon

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

Open

  onToggle = () => {
    if (this.state.open && this.hasTags()) {
      this.props.onChange('tags', {});
    }

• Read up
  Read up

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

Open

  handleOpenMedia = (media, index, lang) => {
    this.props.dispatch(openModal({
      modalType: 'MEDIA',
      modalProps: { statusId: this.props.status.get('id'), media, index, lang },
    }));

• Read up
  Read up

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

Open

const makeMapStateToProps = () => {
  const getAccount = makeGetAccount();

  const mapStateToProps = (state, { accountId }) => ({
    account: getAccount(state, accountId),

• Read up
  Read up

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

Open

const makeMapStateToProps = () => {
  const getAccount = makeGetAccount();

  const mapStateToProps = (state, { accountId }) => ({
    account: getAccount(state, accountId),

• Read up
  Read up

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

Open

registerRoute(
  ({ request }) => request.destination === 'font',
  new CacheFirst({
    cacheName: `${CACHE_NAME_PREFIX}fonts`,
    plugins: [

• Read up
  Read up

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

Open

registerRoute(
  ({ request }) => request.destination === 'image',
  new CacheFirst({
    cacheName: `m${CACHE_NAME_PREFIX}media`,
    plugins: [

• Read up
  Read up

Function renderItem has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderItem (account, size, index) {
    const { animate } = this.props;

    let width  = 50;
    let height = 100;

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

Open

  render () {
    const { intl, hasUnread, columnId, multiColumn, hasAnnouncements, unreadAnnouncements, showAnnouncements } = this.props;
    const pinned = !!columnId;
    const { signedIn } = this.props.identity;
    const banners = [];

Function listEditorReducer has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function listEditorReducer(state = initialState, action) {
  switch(action.type) {
  case LIST_EDITOR_RESET:
    return initialState;
  case LIST_EDITOR_SETUP:

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

Open

  render () {
    const { url, type, displayNameHtml, signupUrl } = this.props;

    const name = <bdi dangerouslySetInnerHTML={{ __html: displayNameHtml }} />;

Function renderItem has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderItem (account, size, index) {
    const { animate } = this.props;

    let width  = 50;
    let height = 100;

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

Open

  render () {
    const { url, type, displayNameHtml, signupUrl } = this.props;

    const name = <bdi dangerouslySetInnerHTML={{ __html: displayNameHtml }} />;

Function listEditorReducer has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function listEditorReducer(state = initialState, action) {
  switch(action.type) {
  case LIST_EDITOR_RESET:
    return initialState;
  case LIST_EDITOR_SETUP:

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

Open

  render () {
    const { intl, hasUnread, columnId, multiColumn, hasAnnouncements, unreadAnnouncements, showAnnouncements } = this.props;
    const pinned = !!columnId;
    const { signedIn } = this.props.identity;
    const banners = [];

File compose_form.jsx has 259 lines of code (exceeds 250 allowed). Consider refactoring.

Open

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

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

Function connectTimelineStream has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const connectTimelineStream = (timelineId, channelName, params = {}, options = {}) => {
  const { messages } = getLocale();

  return connectStream(channelName, params, (dispatch, getState) => {
    const locale = getState().getIn(['meta', 'locale']);

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

Open

  render () {
    const { status, intl, showReplyCount, withOpenButton } = this.props;

    const publicStatus  = ['public', 'unlisted'].includes(status.get('visibility'));
    const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';

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

Open

  render () {
    const { intl } = this.props;
    const { value, expanded, options, selectedOption, error, isSubmitting } = this.state;
    const domain = (valueToDomain(value) || '').trim();
    const domainRegExp = new RegExp(`(${escapeRegExp(domain)})`, 'gi');

Function connectTimelineStream has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const connectTimelineStream = (timelineId, channelName, params = {}, options = {}) => {
  const { messages } = getLocale();

  return connectStream(channelName, params, (dispatch, getState) => {
    const locale = getState().getIn(['meta', 'locale']);

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

Open

  render () {
    const { intl } = this.props;
    const { value, expanded, options, selectedOption, error, isSubmitting } = this.state;
    const domain = (valueToDomain(value) || '').trim();
    const domainRegExp = new RegExp(`(${escapeRegExp(domain)})`, 'gi');