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" />;
}
let params = {
autostart: "true",
namespace,
resource,
toNamespace,
toResource,
path
};
let 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;