redash/client/app/components/EditVisualizationButton/QueryResultsLink.jsx

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


export default function QueryResultsLink(props) {
  let href = '';

  const { query, queryResult, fileType } = props;
  const resultId = queryResult.getId && queryResult.getId();
  const resultData = queryResult.getData && queryResult.getData();

  if (resultId && resultData && query.name) {
    if (query.id) {
      href = `api/queries/${query.id}/results/${resultId}.${fileType}${
        props.embed ? `?api_key=${props.apiKey}` : ''
      }`;
    } else {
      href = `api/query_results/${resultId}.${fileType}`;
    }
  }

  return (
    <a target="_self" disabled={props.disabled} href={href}>
      {props.children}
    </a>
  );
}

QueryResultsLink.propTypes = {
  query: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
  queryResult: PropTypes.object, // eslint-disable-line react/forbid-prop-types
  fileType: PropTypes.string,
  disabled: PropTypes.bool.isRequired,
  embed: PropTypes.bool,
  apiKey: PropTypes.string,
  children: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.node),
    PropTypes.node,
  ]).isRequired,
};

QueryResultsLink.defaultProps = {
  queryResult: {},
  fileType: 'csv',
  embed: false,
  apiKey: '',
};