github.com/replicatedhq/ship@v0.55.0/web/init/src/components/shared/PopoverItem.jsx (about)

     1  import * as React from "react";
     2  import { Link } from "react-router-dom";
     3  
     4  export default class PopoverItem extends React.Component {
     5    render() {
     6      const {
     7        className,
     8        label,
     9        href,
    10        linkTo,
    11        subtext,
    12        icon,
    13        onClick,
    14      } = this.props;
    15  
    16      return (
    17        <li className={`PopoverItem ${className || ""}`}>
    18          {onClick ?
    19            <div className="u-noSelect flex-column flex1" onClick={onClick}>
    20              <div className="flex1 flex PopoverLabel">
    21                {icon ? <div className="PopoverIcon flex-auto">{icon}</div> : null}
    22                <div className="flex1 flex-column flex-verticalCenter PopoverTitle">{label}</div>
    23              </div>
    24              {subtext ?
    25                <div className="flex1 PopoverSub">{subtext}</div>
    26                : null}
    27            </div>
    28            : linkTo ?
    29              <Link className="PopoverLabel u-noSelect" to={linkTo}>
    30                {label}
    31              </Link>
    32              :
    33              <a className="PopoverLabel u-noSelect" href={href} target="_blank" rel="noopener noreferrer">
    34                {label}
    35              </a>
    36          }
    37        </li>
    38      );
    39    }
    40  }