summaryrefslogtreecommitdiffstats
path: root/web/react/components/mention.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/react/components/mention.jsx')
-rw-r--r--web/react/components/mention.jsx16
1 files changed, 16 insertions, 0 deletions
diff --git a/web/react/components/mention.jsx b/web/react/components/mention.jsx
new file mode 100644
index 000000000..ba758688b
--- /dev/null
+++ b/web/react/components/mention.jsx
@@ -0,0 +1,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>
+ );
+ }
+});