michelson/dante-stories

import React from 'react';
import ReactDOM from "react-dom";
import PopoverLink from "./PopoverLink"
import UserFollowButton from './UserFollowButton'

export default class SuggestionItem extends React.Component {
  render () {
    return (
      <div className="suggestion-item">
        <div
          className="avatar-wrapper"
          dangerouslySetInnerHTML={{ __html: this.props.avatar_image_tag }}
        />
        <div>
          <h5><PopoverLink user_id={this.props.id} url={this.props.urlPath} children={this.props.username} /></h5>
        </div>
        <div className="button-wrapper">
          <UserFollowButton
            following={this.props.following}
            followed_id={this.props.id}
          />
        </div>
      </div>
    );
  }
}