glitch-soc/mastodon

File notification.jsx has 397 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 renderPoll has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

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

Open

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

    if (!status) {
      return null;

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

Open

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

    if (!status) {
      return null;

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

Open

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

    if (!status) {
      return null;

• Read up
  Read up

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

Open

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

    if (!status) {
      return null;

• 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 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 13 locations. Consider refactoring.

Open

const messages = defineMessages({
  favourite: { id: 'notification.favourite', defaultMessage: '{name} favorited 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

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

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

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

Open

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

• 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

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

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

• 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

  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

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

• 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 3 locations. Consider refactoring.

Open

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

• 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