render()

in src/components/OptionDropdown/index.tsx [43:83]

• 38 lines of code
• 7 McCabe index (conditional complexity)

  render() {
    const {
      label,
      icon,
      options,
      triggerClass,
      contentClass,
    } = this.props;
    let result = null;
    if (options.length === 0) {
      result = label ? (
        <div className={`dropdown-label-only ${triggerClass}`}>
          {label}
        </div>
      ) : null;
    } else {
      const triggerLabel = label ? <div className="label">{label}</div> : null;
      let triggerIcon = icon;
      if (!triggerIcon && !label) {
        triggerIcon = (<MdMoreVert size={24} style={{ margin: 4 }} />);
      }
      if (triggerIcon) {
        triggerIcon = (
          <div className="dropown-icon-wrapper">
            {triggerIcon}
          </div>
        );
      }

      const optionClicked = (onClick) => {
        onClick();
        this.dropdown.hide();
      };

      const triggerClicked = () => {
        this.dropdown.show();
      };

      result = (
        <Dropdown ref={e => (this.dropdown = e)}>
          <DropdownTrigger className={`history-dropdown-trigger ${triggerClass}`} onClick={() => triggerClicked()}>