summaryrefslogtreecommitdiffstats
path: root/web/react/components/post_body.jsx
diff options
context:
space:
mode:
authorhmhealey <harrisonmhealey@gmail.com>2015-09-10 11:06:08 -0400
committerhmhealey <harrisonmhealey@gmail.com>2015-09-14 09:19:26 -0400
commit56312f8f53e210b299076c9d420fab2fb59502bb (patch)
tree5fb647a93ce7db7bc5b73b46e0ba83e34e0b6b3a /web/react/components/post_body.jsx
parent91f258c725bd749fc44b177e131e61c936e7a88b (diff)
downloadchat-56312f8f53e210b299076c9d420fab2fb59502bb.tar.gz
chat-56312f8f53e210b299076c9d420fab2fb59502bb.tar.bz2
chat-56312f8f53e210b299076c9d420fab2fb59502bb.zip
Changed one instance of textToJsx to use new text formatting for testing purposes
Diffstat (limited to 'web/react/components/post_body.jsx')
-rw-r--r--web/react/components/post_body.jsx10
1 files changed, 9 insertions, 1 deletions
diff --git a/web/react/components/post_body.jsx b/web/react/components/post_body.jsx
index d9b8f20ce..e08936923 100644
--- a/web/react/components/post_body.jsx
+++ b/web/react/components/post_body.jsx
@@ -5,6 +5,7 @@ const FileAttachmentList = require('./file_attachment_list.jsx');
const UserStore = require('../stores/user_store.jsx');
const Utils = require('../utils/utils.jsx');
const Constants = require('../utils/constants.jsx');
+const TextFormatting = require('../utils/text_formatting.jsx');
const twemoji = require('twemoji');
export default class PostBody extends React.Component {
@@ -12,6 +13,7 @@ export default class PostBody extends React.Component {
super(props);
this.parseEmojis = this.parseEmojis.bind(this);
+ this.handleClick = this.handleClick.bind(this);
const linkData = Utils.extractLinks(this.props.post.message);
this.state = {links: linkData.links, message: linkData.text};
@@ -29,6 +31,12 @@ export default class PostBody extends React.Component {
const linkData = Utils.extractLinks(nextProps.post.message);
this.setState({links: linkData.links, message: linkData.text});
}
+ handleClick(e) {
+ let mentionAttribute = e.target.getAttributeNode('data-mention');
+ if (mentionAttribute) {
+ Utils.searchForTerm(mentionAttribute.value);
+ }
+ }
render() {
const post = this.props.post;
const filenames = this.props.post.filenames;
@@ -135,7 +143,7 @@ export default class PostBody extends React.Component {
key={`${post.id}_message`}
className={postClass}
>
- {loading}<span>{inner}</span>
+ {loading}<span onClick={this.handleClick} dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.state.message)}}/>
</p>
{fileAttachmentHolder}
{embed}