238147608927343

32098763214098

import React, { Component } from "react";
import { Icon, Input, Menu, Segment } from "semantic-ui-react";

/**
 * This class is used to render the active circuit feed in the console view
 */
export default class ActiveCircuitFeed extends Component {
  /**
   * builds the active circuit chat component for the circuit feed
   * @param props
   */
  constructor(props) {
    super(props);
  }

  handleClick = (e, { name }) => {
    console.log("clicked on -> " + name);
  };

  /**
   * renders the active circuit chat panel for the feed
   * @returns {*}
   */
  render() {
    return (
      <div id="component" className="activeCircuitChat">
        <Segment inverted>
          <Menu
            inverted
            icon
            compact
            borderless
            fluid
          >
            <Menu.Item
              name='gamepad'
              onClick={this.handleClick}
            >
              <Icon name='gamepad' />
            </Menu.Item>

            <Menu.Item
              name='video camera'
              onClick={this.handleClick}
            >
              <Icon name='video camera' />
            </Menu.Item>

            <Menu.Item
              name='video play'
              onClick={this.handleClick}
            >
              <Icon name='video play' />
            </Menu.Item>
          </Menu>
          <div>formated text</div>
          <Input transparent placeholder='Search...' />
        </Segment>
      </div>
    );
  }
}