diff options
author | hmhealey <harrisonmhealey@gmail.com> | 2015-09-10 11:06:08 -0400 |
---|---|---|
committer | hmhealey <harrisonmhealey@gmail.com> | 2015-09-14 09:19:26 -0400 |
commit | 56312f8f53e210b299076c9d420fab2fb59502bb (patch) | |
tree | 5fb647a93ce7db7bc5b73b46e0ba83e34e0b6b3a | |
parent | 91f258c725bd749fc44b177e131e61c936e7a88b (diff) | |
download | chat-56312f8f53e210b299076c9d420fab2fb59502bb.tar.gz chat-56312f8f53e210b299076c9d420fab2fb59502bb.tar.bz2 chat-56312f8f53e210b299076c9d420fab2fb59502bb.zip |
Changed one instance of textToJsx to use new text formatting for testing purposes
-rw-r--r-- | web/react/components/post_body.jsx | 10 |
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} |