message: add tooltip to remove connection icon button
diff: import * as React from 'react';
  +import { Tooltip, TooltipPosition } from '@patternfly/react-core';
  import { TrashIcon } from '@patternfly/react-icons';
  import Point from '../geom/Point';
  @@ -9,12 +10,24 @@ type DefaultRemoveConnectorProps = {
  size?: number;
  };
  +function computeTooltipPosition(startPoint: Point, endPoint: Point): TooltipPosition {
  + const angle = Math.abs(
  + (Math.atan2(endPoint.y - startPoint.y, endPoint.x - startPoint.x) * 180) / Math.PI,
  + );
  + return angle < 135 && angle > 90
  + ? TooltipPosition.left
  + : angle > 45 && angle <= 90
  + ? TooltipPosition.right
  + : TooltipPosition.top;
  +}
  +
  const DefaultRemoveConnector: React.FC<DefaultRemoveConnectorProps> = ({
  startPoint,
  endPoint,
  onRemove,
  size = 14,
  }) => (
  + <Tooltip content="Delete Connector" position={computeTooltipPosition(startPoint, endPoint)}>
  <g
  transform={`translate(${startPoint.x + (endPoint.x - startPoint.x) * 0.5}, ${startPoint.y +
  (endPoint.y - startPoint.y) * 0.5})`}
  @@ -28,10 +41,11 @@ const DefaultRemoveConnector: React.FC<DefaultRemoveConnectorProps> = ({
  <TrashIcon
  className="topology-connector__remove-icon"
  style={{ fontSize: size }}
  - alt="Remove Connection"
  + alt="Delete Connector"
  />
  </g>
  </g>
  + </Tooltip>
  );
  export default DefaultRemoveConnector;
  