mashirozx/mastodon

File notification.js has 370 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { injectIntl, FormattedMessage, defineMessages } from 'react-intl';
import { HotKeys } from 'react-hotkeys';
import PropTypes from 'prop-types';

Function renderPoll has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderPoll (notification, account) {
    const { intl, unread } = this.props;
    const ownPoll  = me === account.get('id');
    const message  = ownPoll ? intl.formatMessage(messages.ownPoll) : intl.formatMessage(messages.poll);

Function render has 27 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             = <bdi><Permalink className='notification__display-name' href={account.get('url')} title={account.get('acct')} to={`/@${account.get('acct')}`} dangerouslySetInnerHTML={displayNameHtml} /></bdi>;

Function renderReblog has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderReblog (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

Function renderFavourite has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderFavourite (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

Function renderStatus has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderStatus (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

Function renderUpdate has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  renderUpdate (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

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

Open

  renderReblog (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

• Read up
  Read up

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

Open

  renderStatus (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

• Read up
  Read up

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

Open

  renderUpdate (notification, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

• Read up
  Read up

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

Open

  renderAdminSignUp (notification, account, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

• Read up
  Read up

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

Open

  renderFollow (notification, account, link) {
    const { intl, unread } = this.props;

    return (
      <HotKeys handlers={this.getHandlers()}>

• Read up
  Read up

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

Open

const messages = defineMessages({
  favourite: { id: 'notification.favourite', defaultMessage: '{name} favourited your status' },
  follow: { id: 'notification.follow', defaultMessage: '{name} followed you' },
  ownPoll: { id: 'notification.own_poll', defaultMessage: 'Your poll has ended' },
  poll: { id: 'notification.poll', defaultMessage: 'A poll you have voted in has ended' },

• Read up
  Read up

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

Open

    const targetLink = <bdi><Permalink className='notification__display-name' href={targetAccount.get('url')} title={targetAccount.get('acct')} to={`/@${targetAccount.get('acct')}`} dangerouslySetInnerHTML={targetDisplayNameHtml} /></bdi>;

• Read up
  Read up

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

Open

    const link             = <bdi><Permalink className='notification__display-name' href={account.get('url')} title={account.get('acct')} to={`/@${account.get('acct')}`} dangerouslySetInnerHTML={displayNameHtml} /></bdi>;

• Read up
  Read up

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

Open

  handleMoveDown = () => {
    const { notification, onMoveDown } = this.props;
    onMoveDown(notification.get('id'));
  }

• Read up
  Read up

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

Open

  handleMoveUp = () => {
    const { notification, onMoveUp } = this.props;
    onMoveUp(notification.get('id'));
  }

• Read up
  Read up

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

Open

  handleHotkeyFavourite = () => {
    const { status } = this.props;
    if (status) this.props.onFavourite(status);
  }

• Read up
  Read up

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

Open

  handleHotkeyToggleHidden = () => {
    const { status } = this.props;
    if (status) this.props.onToggleHidden(status);
  }

• Read up
  Read up