diff options
| -rw-r--r-- | app/assets/javascripts/components/components/status_content.jsx | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/app/assets/javascripts/components/components/status_content.jsx b/app/assets/javascripts/components/components/status_content.jsx index eeb43a12c..e75540741 100644 --- a/app/assets/javascripts/components/components/status_content.jsx +++ b/app/assets/javascripts/components/components/status_content.jsx @@ -2,6 +2,8 @@ import ImmutablePropTypes from 'react-immutable-proptypes'; import PureRenderMixin from 'react-addons-pure-render-mixin'; import emojify from '../emoji'; +const hideContent = str => $('<p>').html(str).text().replace(/[^\s]/g, '█'); + const StatusContent = React.createClass({ contextTypes: { @@ -13,6 +15,12 @@ const StatusContent = React.createClass({ onClick: React.PropTypes.func }, + // getInitialState () { + // return { + // visible: false + // }; + // }, + mixins: [PureRenderMixin], componentDidMount () { @@ -57,8 +65,12 @@ const StatusContent = React.createClass({ }, render () { - const content = { __html: emojify(this.props.status.get('content')) }; - return <div className='status__content' style={{ cursor: 'pointer' }} dangerouslySetInnerHTML={content} onClick={this.props.onClick} />; + const { status, onClick } = this.props; + + const hidden = false; // (status.get('sensitive') && !this.state.visible); + const content = { __html: hidden ? hideContent(status.get('content')) : emojify(status.get('content')) }; + + return <div className='status__content' style={{ cursor: 'pointer', color: hidden ? '#616b86' : null }} dangerouslySetInnerHTML={content} onClick={onClick} />; }, }); |