mastodon/app/assets/javascripts/components/features/compose/components/character_counter.jsx
2017-02-27 04:32:41 -08:00

25 lines
522 B
JavaScript

import PureRenderMixin from 'react-addons-pure-render-mixin';
const CharacterCounter = React.createClass({
propTypes: {
text: React.PropTypes.string.isRequired,
max: React.PropTypes.number.isRequired
},
mixins: [PureRenderMixin],
render () {
const diff = this.props.max - this.props.text.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, "_").length;
return (
<span style={{ fontSize: '16px', cursor: 'default' }}>
{diff}
</span>
);
}
});
export default CharacterCounter;