glitch-soc/mastodon

File notification.jsx has 407 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import PropTypes from 'prop-types';

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

import classNames from 'classnames';

Notification has 21 functions (exceeds 20 allowed). Consider refactoring.

Open

class Notification extends ImmutablePureComponent {
  static propTypes = {
    notification: ImmutablePropTypes.map.isRequired,
    hidden: PropTypes.bool,
    onMoveUp: PropTypes.func.isRequired,

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 renderAdminReport has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

    if (!report) {
      return null;

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

  renderRelationshipsSevered (notification) {
    const { intl, unread, hidden } = this.props;
    const event = notification.get('event');

    if (!event) {

• Read up
  Read up

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

Open

  renderPoll (notification) {
    return (
      <StatusContainer
        containerId={notification.get('id')}
        hidden={!!this.props.hidden}

• Read up
  Read up

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

Open

  renderReblog (notification) {
    return (
      <StatusContainer
        containerId={notification.get('id')}
        hidden={!!this.props.hidden}

• Read up
  Read up

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

Open

  renderStatus (notification) {
    return (
      <StatusContainer
        containerId={notification.get('id')}
        hidden={!!this.props.hidden}

• Read up
  Read up

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

Open

  renderUpdate (notification) {
    return (
      <StatusContainer
        containerId={notification.get('id')}
        hidden={!!this.props.hidden}

• Read up
  Read up

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

Open

  renderModerationWarning (notification) {
    const { intl, unread, hidden } = this.props;
    const warning = notification.get('moderation_warning');

    if (!warning) {

• Read up
  Read up

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

Open

  handleOpen = () => {
    const { notification } = this.props;

    if (notification.get('status')) {
      this.props.history.push(`/@${notification.getIn(['status', 'account', 'acct'])}/${notification.get('status')}`);

• Read up
  Read up

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

Open

          <div className='notification__message'>
            <Icon id='flag' icon={FlagIcon} />

            <span title={notification.get('created_at')}>
              <FormattedMessage id='notification.admin.report' defaultMessage='{name} reported {target}' values={{ name: link, target: targetLink }} />

• Read up
  Read up

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

Open

        <div className={classNames('notification notification-admin-report focusable', { unread })} tabIndex={0} aria-label={notificationForScreenReader(intl, intl.formatMessage(messages.adminReport, { name: account.get('acct'), target: notification.getIn(['report', 'target_account', 'acct']) }), notification.get('created_at'))}>
          <div className='notification__message'>
            <Icon id='flag' icon={FlagIcon} />

            <span title={notification.get('created_at')}>

• Read up
  Read up

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

Open

const messages = defineMessages({
  follow: { id: 'notification.follow', defaultMessage: '{name} followed you' },
  adminSignUp: { id: 'notification.admin.sign_up', defaultMessage: '{name} signed up' },
  adminReport: { id: 'notification.admin.report', defaultMessage: '{name} reported {target}' },
  relationshipsSevered: { id: 'notification.relationships_severance_event', defaultMessage: 'Lost connections with {name}' },

• Read up
  Read up

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

Open

        <div className={classNames('notification notification-follow-request focusable', { unread })} tabIndex={0} aria-label={notificationForScreenReader(intl, intl.formatMessage({ id: 'notification.follow_request', defaultMessage: '{name} has requested to follow you' }, { name: account.get('acct') }), notification.get('created_at'))}>
          <div className='notification__message'>
            <Icon id='user' icon={PersonIcon} />

            <span title={notification.get('created_at')}>

• Read up
  Read up

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

Open

const notificationForScreenReader = (intl, message, timestamp) => {
  const output = [message];

  output.push(intl.formatDate(timestamp, { hour: '2-digit', minute: '2-digit', month: 'short', day: 'numeric' }));

• Read up
  Read up

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

Open

  handleOpenProfile = () => {
    const { notification } = this.props;
    this.props.history.push(`/@${notification.getIn(['account', 'acct'])}`);
  };

• Read up
  Read up

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

Open

  handleMention = e => {
    e.preventDefault();

    const { notification, onMention } = this.props;
    onMention(notification.get('account'));

• Read up
  Read up

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

Open

  handleHotkeyBoost = e => {
    const { status } = this.props;
    if (status) this.props.onReblog(status, e);
  };

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up