linkerd2/web/app/js/components/TapLink.jsx

44 lines
1.1 KiB
JavaScript

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import PropTypes from 'prop-types';
import React from 'react';
import { faMicroscope } from '@fortawesome/free-solid-svg-icons/faMicroscope';
const TapLink = ({ PrefixedLink, namespace, resource, toNamespace, toResource, path, disabled }) => {
if (disabled || namespace === '') {
return <FontAwesomeIcon icon={faMicroscope} className="tapGrayed" />;
}
const params = {
autostart: 'true',
namespace,
resource,
toNamespace,
toResource,
path,
};
const queryStr = Object.entries(params).map(([k, v]) => `${k}=${v}`).join('&');
return (
<PrefixedLink to={`/tap?${queryStr}`}>
<FontAwesomeIcon icon={faMicroscope} />
</PrefixedLink>
);
};
TapLink.propTypes = {
disabled: PropTypes.bool,
namespace: PropTypes.string,
path: PropTypes.string.isRequired,
PrefixedLink: PropTypes.func.isRequired,
resource: PropTypes.string.isRequired,
toNamespace: PropTypes.string.isRequired,
toResource: PropTypes.string.isRequired,
};
TapLink.defaultProps = {
disabled: false,
namespace: '',
};
export default TapLink;