2017-05-18 21:21:33 +03:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import Baseline from '../../baseline';
|
|
|
|
import Constants from '../constants';
|
2017-07-26 15:50:49 +03:00
|
|
|
import { GraphTitle } from './shapes';
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-08-28 22:21:08 +03:00
|
|
|
const GraphNodeTitle = ({ data, onNodeTitleClick }) => (
|
2017-05-18 21:21:33 +03:00
|
|
|
<g>
|
|
|
|
<GraphTitle
|
|
|
|
x={Constants.paddingLeft}
|
|
|
|
y={30}
|
|
|
|
onClick={onNodeTitleClick}
|
|
|
|
onKeyDown={onNodeTitleClick}
|
2017-07-06 13:10:10 +03:00
|
|
|
consul={data.isConsul}
|
|
|
|
active={data.instancesActive}
|
2017-05-18 21:21:33 +03:00
|
|
|
>
|
|
|
|
{data.name}
|
|
|
|
</GraphTitle>
|
2017-06-27 19:19:27 +03:00
|
|
|
{/* <g transform={`translate(${115}, ${15})`}>
|
2017-05-18 21:21:33 +03:00
|
|
|
<GraphHealthyCircle cx={9} cy={9} r={9} />
|
|
|
|
<HeartIcon />
|
2017-06-27 19:19:27 +03:00
|
|
|
</g> */}
|
2017-08-28 22:21:08 +03:00
|
|
|
</g>
|
|
|
|
);
|
2017-05-18 21:21:33 +03:00
|
|
|
|
|
|
|
GraphNodeTitle.propTypes = {
|
|
|
|
data: PropTypes.object.isRequired,
|
|
|
|
onNodeTitleClick: PropTypes.func
|
|
|
|
};
|
|
|
|
|
|
|
|
export default Baseline(GraphNodeTitle);
|