import React from 'react';
import { Link } from 'react-router';
import classNames from 'classnames';

import Icon from '../../widgets/Icon';

const TriggerProfile = React.createClass({
  render() {
    const {
      isFollowing,
      followingIsFetching,
      onClickFollow,
      hasFollow
    } = this.props;

    return (
      <div className="actions">
        <div className="triggers">
          {hasFollow &&
            <a className={classNames('trigger', { disabled: followingIsFetching })} onClick={onClickFollow}>
              <Icon name={isFollowing ? 'person_outline' : 'person_add'} />
            </a>}
          <Link to={`/messages/@${this.props.username}`} className="trigger">
            <Icon name="chat_bubble_outline" />
          </Link>
        </div>
      </div>
    );
  }
});

module.exports = TriggerProfile;

import React from 'react';
import { Link } from 'react-router';
import classNames from 'classnames';

import Icon from '../../widgets/Icon';

const TriggerProfile = React.createClass({
  render() {
    const {
      isFollowing,
      followingIsFetching,
      onClickFollow,
      hasFollow
    } = this.props;

    return (
      <div className="actions">
        <div className="triggers">
          {hasFollow &&
            <a className={classNames('trigger', { disabled: followingIsFetching })} onClick={onClickFollow}>
              <Icon name={isFollowing ? 'person_outline' : 'person_add'} />
            </a>}
        </div>
      </div>
    );
  }
});

module.exports = TriggerProfile;

Remove chat icon from trigger profile
Remove chat icon from trigger profile
