diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2016-02-03 14:32:01 -0500 |
---|---|---|
committer | Harrison Healey <harrisonmhealey@gmail.com> | 2016-02-03 14:32:01 -0500 |
commit | 2b4af8d8c73ba5b9b683b65b1df4d4e3f24edb81 (patch) | |
tree | 916555d3a3f53ce9c41873949706b3e723465937 /web/react/components/post_attachment.jsx | |
parent | acac4ab989ac5b0af87aa53a1a1d0c9356dcafc9 (diff) | |
parent | ac184720facfaf43f1e48448375d125da19ddefd (diff) | |
download | chat-2b4af8d8c73ba5b9b683b65b1df4d4e3f24edb81.tar.gz chat-2b4af8d8c73ba5b9b683b65b1df4d4e3f24edb81.tar.bz2 chat-2b4af8d8c73ba5b9b683b65b1df4d4e3f24edb81.zip |
Merge pull request #2060 from ZBoxApp/PLT-7-channel
PLT-7: Refactoring frontend (chunk 11)
Diffstat (limited to 'web/react/components/post_attachment.jsx')
-rw-r--r-- | web/react/components/post_attachment.jsx | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/web/react/components/post_attachment.jsx b/web/react/components/post_attachment.jsx index 676bc91af..2eedfb7c1 100644 --- a/web/react/components/post_attachment.jsx +++ b/web/react/components/post_attachment.jsx @@ -3,7 +3,20 @@ import * as TextFormatting from '../utils/text_formatting.jsx'; -export default class PostAttachment extends React.Component { +import {intlShape, injectIntl, defineMessages} from 'mm-intl'; + +const holders = defineMessages({ + collapse: { + id: 'post_attachment.collapse', + defaultMessage: '▲ collapse text' + }, + more: { + id: 'post_attachment.more', + defaultMessage: '▼ read more' + } +}); + +class PostAttachment extends React.Component { constructor(props) { super(props); @@ -28,7 +41,7 @@ export default class PostAttachment extends React.Component { getInitState() { const shouldCollapse = this.shouldCollapse(); const text = TextFormatting.formatText(this.props.attachment.text || ''); - const uncollapsedText = text + (shouldCollapse ? '<a class="attachment-link-more" href="#">▲ collapse text</a>' : ''); + const uncollapsedText = text + (shouldCollapse ? `<a class="attachment-link-more" href="#">${this.props.intl.formatMessage(holders.collapse)}</a>` : ''); const collapsedText = shouldCollapse ? this.getCollapsedText() : text; return { @@ -62,7 +75,7 @@ export default class PostAttachment extends React.Component { text = text.substr(0, 700); } - return TextFormatting.formatText(text) + '<a class="attachment-link-more" href="#">▼ read more</a>'; + return TextFormatting.formatText(text) + `<a class="attachment-link-more" href="#">${this.props.intl.formatMessage(holders.more)}</a>`; } getFieldsTable() { @@ -292,5 +305,8 @@ export default class PostAttachment extends React.Component { } PostAttachment.propTypes = { + intl: intlShape.isRequired, attachment: React.PropTypes.object.isRequired }; + +export default injectIntl(PostAttachment); |