AugurProject/augur-ui

import React from "react";
import PropTypes from "prop-types";
import { Link } from "react-router-dom";

import makePath from "modules/routes/helpers/make-path";
import makeQuery from "modules/routes/helpers/make-query";

import {
  TYPE_REPORT,
  TYPE_DISPUTE,
  TYPE_MIGRATE_REP
} from "modules/markets/constants/link-types";
import {
  MARKET,
  REPORT,
  DISPUTE,
  MIGRATE_REP
} from "modules/routes/constants/views";
import {
  MARKET_ID_PARAM_NAME,
  RETURN_PARAM_NAME
} from "modules/routes/constants/param-names";

const MarketLink = ({ linkType, className, id, children, newTab = false }) => {
  let path;

  switch (linkType) {
    case TYPE_REPORT:
      path = makePath(REPORT);
      break;
    case TYPE_DISPUTE:
      path = makePath(DISPUTE);
      break;
    case TYPE_MIGRATE_REP:
      path = makePath(MIGRATE_REP);
      break;
    default:
      path = makePath(MARKET);
  }

  const queryLink = {
    [MARKET_ID_PARAM_NAME]: id
  };

  if (linkType === TYPE_DISPUTE || linkType === TYPE_REPORT) {
    queryLink[RETURN_PARAM_NAME] = location.hash;
  }

  return (
    <span>
      {id ? (
        <Link
          data-testid={"link-" + id}
          className={className}
          target={newTab ? "_blank" : "_self"}
          to={{
            pathname: path,
            search: makeQuery(queryLink)
          }}
        >
          {children}
        </Link>
      ) : (
        children
      )}
    </span>
  );
};

MarketLink.propTypes = {
  id: PropTypes.string.isRequired,
  linkType: PropTypes.string,
  className: PropTypes.string,
  children: PropTypes.any,
  newTab: PropTypes.bool
};

MarketLink.defaultProps = {
  linkType: null,
  className: "",
  children: null,
  newTab: false
};

export default MarketLink;