message: Use PF tooltips for Overview card icons
  * Use PF tooltips for Overview card icons
  Make tooltip text better indicate that these are links, and reflect left menu option names
diff: import * as React from 'react';
  import { Link } from 'react-router-dom';
  -import { Icon } from 'patternfly-react';
  +import { Icon, OverlayTrigger, Tooltip } from 'patternfly-react';
  +import { style } from 'typestyle';
  import { Paths } from '../../config';
  type Props = {
  name: string;
  };
  +const iconStyle = style({
  + paddingLeft: 10,
  + paddingRight: 10
  +});
  +
  class OverviewCardLinks extends React.Component<Props> {
  constructor(props: Props) {
  super(props);
  @@ -15,21 +21,35 @@ class OverviewCardLinks extends React.Component<Props> {
  render() {
  return (
  <div style={{ marginTop: '10px' }}>
  - <Link to={`/graph/namespaces?namespaces=` + this.props.name} title="Graph">
  - <Icon type="pf" name="topology" style={{ paddingLeft: 10, paddingRight: 10 }} />
  + <OverlayTrigger key="ot_graph" placement="top" overlay={<Tooltip id="tt_graph">Go to graph</Tooltip>}>
  + <Link to={`/graph/namespaces?namespaces=` + this.props.name}>
  + <Icon type="pf" name="topology" className={iconStyle} />
  </Link>
  - <Link to={`/${Paths.APPLICATIONS}?namespaces=` + this.props.name} title="Applications list">
  - <Icon type="pf" name="applications" style={{ paddingLeft: 10, paddingRight: 10 }} />
  + </OverlayTrigger>
  + <OverlayTrigger key="ot_apps" placement="top" overlay={<Tooltip id="tt_apps">Go to applications</Tooltip>}>
  + <Link to={`/${Paths.APPLICATIONS}?namespaces=` + this.props.name}>
  + <Icon type="pf" name="applications" className={iconStyle} />
  </Link>
  - <Link to={`/${Paths.WORKLOADS}?namespaces=` + this.props.name} title="Workloads list">
  - <Icon type="pf" name="bundle" style={{ paddingLeft: 10, paddingRight: 10 }} />
  + </OverlayTrigger>
  + <OverlayTrigger
  + key="ot_workloads"
  + placement="top"
  + overlay={<Tooltip id="tt_workloads">Go to workloads</Tooltip>}
  + >
  + <Link to={`/${Paths.WORKLOADS}?namespaces=` + this.props.name}>
  + <Icon type="pf" name="bundle" className={iconStyle} />
  </Link>
  - <Link to={`/${Paths.SERVICES}?namespaces=` + this.props.name} title="Services list">
  - <Icon type="pf" name="service" style={{ paddingLeft: 10, paddingRight: 10 }} />
  + </OverlayTrigger>
  + <OverlayTrigger key="ot_services" placement="top" overlay={<Tooltip id="tt_services">Go to services</Tooltip>}>
  + <Link to={`/${Paths.SERVICES}?namespaces=` + this.props.name}>
  + <Icon type="pf" name="service" className={iconStyle} />
  </Link>
  - <Link to={`/${Paths.ISTIO}?namespaces=` + this.props.name} title="Istio Config list">
  - <Icon type="pf" name="template" style={{ paddingLeft: 10, paddingRight: 10 }} />
  + </OverlayTrigger>
  + <OverlayTrigger key="ot_istio" placement="top" overlay={<Tooltip id="tt_istio">Go to Istio config</Tooltip>}>
  + <Link to={`/${Paths.ISTIO}?namespaces=` + this.props.name}>
  + <Icon type="pf" name="template" className={iconStyle} />
  </Link>
  + </OverlayTrigger>
  </div>
  );
  }
  