mirror of https://github.com/linkerd/linkerd2.git
50 lines
1.4 KiB
JavaScript
50 lines
1.4 KiB
JavaScript
import { incompleteMeshMessage } from './util/CopyUtils.jsx';
|
|
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import './../../css/cta.css';
|
|
|
|
const CallToAction = ({resource, numResources}) => (
|
|
<div className="call-to-action">
|
|
<div className="action summary">The service mesh was successfully installed!</div>
|
|
|
|
<div className="action-steps">
|
|
<div className="step-container complete">
|
|
<div className="icon-container">
|
|
<i className="fa fa-check-circle" aria-hidden="true" />
|
|
</div>
|
|
<div className="message"><p>Controller successfully installed</p></div>
|
|
</div>
|
|
|
|
<div className="step-container complete">
|
|
<div className="icon-container">
|
|
<i className="fa fa-check-circle" aria-hidden="true" />
|
|
</div>
|
|
<div className="message">{numResources ? numResources : 'No'} {resource}s detected</div>
|
|
</div>
|
|
|
|
<div className="step-container incomplete">
|
|
<div className="icon-container">
|
|
<i className="fa fa-circle-o" aria-hidden="true" />
|
|
</div>
|
|
<div className="message">Connect your first {resource}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="clearfix">
|
|
{incompleteMeshMessage()}
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
CallToAction.defaultProps = {
|
|
numResources: 0,
|
|
resource: 'resource',
|
|
};
|
|
|
|
CallToAction.propTypes = {
|
|
numResources: PropTypes.number,
|
|
resource: PropTypes.string,
|
|
};
|
|
|
|
export default CallToAction;
|