accounts-frontend/src/components/auth/RejectionLink.js

import PropTypes from 'prop-types';
import React from 'react';

import { FormattedMessage as Message } from 'react-intl';

import { userShape } from 'components/user/User';

export default function RejectionLink(props, context) {
  if (props.isAvailable && !props.isAvailable(context)) {
    // TODO: if want to properly support multiple links, we should control
    // the dividers ' | ' rendered from factory too
    return null;
  }

  return (
    <a
      href="#"
      onClick={event => {
        event.preventDefault();

        context.reject(props.payload);
      }}
    >
      <Message {...props.label} />
    </a>
  );
}

RejectionLink.displayName = 'RejectionLink';
RejectionLink.propTypes = {
  isAvailable: PropTypes.func, // a function from context to allow link visibility control
  // eslint-disable-next-line react/forbid-prop-types
  payload: PropTypes.object, // Custom payload for active state
  label: PropTypes.shape({
    id: PropTypes.string,
  }).isRequired,
};
RejectionLink.contextTypes = {
  reject: PropTypes.func.isRequired,
  user: userShape,
};