glitch-soc/mastodon

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

Open

      {account.get('note').length > 0 && (
        <div
          className='account-card__bio translate'
          onMouseEnter={handleMouseEnter}
          onMouseLeave={handleMouseLeave}

• Read up
  Read up

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

Open

export function getHashtagBarForStatus(status: StatusLike) {
  const { statusContentProps, hashtagsInBar } =
    computeHashtagBarForStatus(status);

  return {

• Read up
  Read up

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

Open

interface Props {
  value: string;
  checked: boolean;
  name: string;
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;

• Read up
  Read up

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

Open

export function getHashtagBarForStatus(status: StatusLike) {
  const { statusContentProps, hashtagsInBar } =
    computeHashtagBarForStatus(status);

  return {

• Read up
  Read up

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

Open

    <div
      className={classNames('account__avatar', {
        'account__avatar-inline': inline,
      })}
      onMouseEnter={handleMouseEnter}

• Read up
  Read up

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

Open

interface Props {
  value: string;
  checked: boolean;
  name: string;
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;

• Read up
  Read up

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

Open

    <div
      className={classNames('account__avatar', {
        'account__avatar-inline': inline,
      })}
      onMouseEnter={handleMouseEnter}

• Read up
  Read up

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

Open

      {account.get('note').length > 0 && (
        <div
          className='account-card__bio translate'
          onMouseEnter={handleMouseEnter}
          onMouseLeave={handleMouseLeave}

• Read up
  Read up

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

Open

function removeNotificationsForAccounts(
  state: NotificationGroupsState,
  accountIds: string[],
  onlyForType?: string,
) {

• Read up
  Read up

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

Open

function removeNotificationsForAccounts(
  state: NotificationGroupsState,
  accountIds: string[],
  onlyForType?: string,
) {

• Read up
  Read up

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

Open

          {status.get('edited_at') && (
            <div className='detailed-status__meta__line'>
              <EditedTimestamp
                statusId={status.get('id')}
                timestamp={status.get('edited_at')}

• Read up
  Read up

Function getDerivedStateFromProps has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static getDerivedStateFromProps(nextProps, prevState) {
    let update = {};
    let updated = false;

    // Make sure the state mirrors props we track…

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

Open

  render () {
    const { alt, lang, src, width, height, intl } = this.props;
    const { scale, lockTranslate } = this.state;
    const overflow = scale === MIN_SCALE ? 'hidden' : 'scroll';
    const zoomButtonShouldHide = this.state.navigationHidden || this.props.zoomButtonHidden || this.state.zoomMatrix.rate <= MIN_SCALE ? 'media-modal__zoom-button--hidden' : '';

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

Open

  render () {
    const { notification } = this.props;
    const account          = notification.get('account');
    const displayNameHtml  = { __html: account.get('display_name_html') };
    const link             = (

Function expandNormalizedNotifications has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const expandNormalizedNotifications = (state, notifications, next, isLoadingMore, isLoadingRecent, usePendingItems) => {
  // This method is pretty tricky because:
  // - existing notifications might be out of order
  // - the existing notifications may have gaps, most often explicitly noted with a `null` item
  // - ideally, we don't want it to reorder existing items

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

Open

  render () {
    const { alt, lang, src, width, height, intl } = this.props;
    const { scale, lockTranslate } = this.state;
    const overflow = scale === MIN_SCALE ? 'hidden' : 'scroll';
    const zoomButtonShouldHide = this.state.navigationHidden || this.props.zoomButtonHidden || this.state.zoomMatrix.rate <= MIN_SCALE ? 'media-modal__zoom-button--hidden' : '';

Method storage_schema has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    def storage_schema
      progress = create_progress_bar(nil)
      records  = 0

      klasses = [

Method make has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    def make
      background_palette, foreground_palette = Rails.configuration.x.use_vips ? palettes_from_libvips : palettes_from_imagemagick

      background_color   = background_palette.first || foreground_palette.first
      foreground_colors  = []

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)}>

Consider simplifying this complex logical expression.

Open

  else if (
    followAccountSuccess.match(action) ||
    unfollowAccountSuccess.match(action) ||
    blockAccountSuccess.match(action) ||
    unblockAccountSuccess.match(action) ||