summaryrefslogtreecommitdiffstats
path: root/web/react/components/mention.jsx
blob: ba758688b31de481f5e29ffefdfc0dcb711d3bae (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
// See License.txt for license information.

module.exports = React.createClass({
    handleClick: function() {
        this.props.handleClick(this.props.username);
    },
    render: function() {
        return (
            <div className="mentions-name" onClick={this.handleClick}>
                <img className="pull-left mention-img" src={"/api/v1/users/" + this.props.id + "/image"}/>
                <span>@{this.props.username}</span><span style={{'color':'grey', 'marginLeft':'10px'}}>{this.props.name}</span>
            </div>
        );
    }
});