Method render

src/components/ModerationMenuItems.tsx:21–86

* Renders the component. * @return Element to render.

()

   * @return Element to render.
   */
  public render() {
    const {
      clearChat,
      isMod,
      openModView,
      roomState,
      toggleR9k,
      toggleFollowersOnly,
      toggleSubsOnly,
      toggleEmoteOnly,
    } = this.props

    if (_.isNil(roomState) || !isMod) {
      return null
    }

    return (
      <>
        <MenuDivider title="Mode" />
        <MenuItem
          icon={this.getStateMenuIcon('r9k')}
          text="Unique chat"
          labelElement={<Icon icon="multi-select" />}
          onClick={toggleR9k}
        />
        <MenuItem icon={this.getStateMenuIcon('slow')} text="Slow mode" onClick={this.toggleSlowMode}>
          <MenuDivider
            title={
              <>
                <Icon icon="outdated" /> &nbsp;Slow mode
              </>
            }
          />
          {_.map(SlowModeDurations, (slowModeDuration) => (
            <MenuItem
              onClick={(event: React.MouseEvent) => this.toggleSlowMode(event, slowModeDuration)}
              text={`${slowModeDuration} ${pluralize('second', slowModeDuration)}`}
              icon={this.getSlowModeMenuIcon(slowModeDuration)}
              key={slowModeDuration}
            />
          ))}
        </MenuItem>
        <MenuItem
          icon={this.getStateMenuIcon('followersOnly')}
          text="Follower-only"
          labelElement={<Icon icon="follower" />}
          onClick={toggleFollowersOnly}
        />
        <MenuItem
          icon={this.getStateMenuIcon('subsOnly')}
          text="Subscribers-only"
          labelElement={<Icon icon="dollar" />}
          onClick={toggleSubsOnly}
        />
        <MenuItem
          icon={this.getStateMenuIcon('emoteOnly')}
          text="Emote-only"
          labelElement={<Icon icon="media" />}