target.jsx
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

target.jsx
View Options

	var React = require('react');
	var PropTypes = React.PropTypes;
	var TypingGolf = require('../typing-golf-components.js');

	var Target = React.createClass({
	selectText: function(text, start, end) {
	var targetText;
	var sub_1 = text.slice(0, start);
	var sub_2 = "";
	var sub_3 = text.slice(end);

	if (start !== end) {
	sub_2 = text.slice(start, end)
	targetText = <p className="end-text">{sub_1}<span className="selection">{sub_2}</span>{sub_3}</p>;
	} else {
	targetText = <p className="end-text">{sub_1}<span className="blink">{sub_2}</span>{sub_3}</p>;
	}
	return targetText;
	},
	render: function() {
	return (
	<div className="flex-container">
	<div className="content">
	<p className="end-text-details">
	into this ⤵
	</p>
	{this.selectText(this.props.state.text, this.props.state.start, this.props.state.end)}
	</div>
	</div>

	);
	}

	});

	module.exports = Target;