about summary refs log tree commit diff
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-11-30 16:10:19 +0100
committerEugen Rochko <eugen@zeonfederated.com>2016-11-30 16:10:19 +0100
commit1b447c190eb47117e99ff1e3c754f9cc461202f1 (patch)
treee6eedc841ad5b086ea8005f978951afe7a65221c
parenta21bcac9e156d8c40fe7c15c62ac71a901091cc5 (diff)
Preparing sensitive content for text
-rw-r--r--app/assets/javascripts/components/components/status_content.jsx16
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} />;
   },
 
 });