diff --git a/src/js/react_views/CommandHistoryView.jsx b/src/js/react_views/CommandHistoryView.jsx index d67d2302..fa2757bc 100644 --- a/src/js/react_views/CommandHistoryView.jsx +++ b/src/js/react_views/CommandHistoryView.jsx @@ -48,9 +48,13 @@ var CommandHistoryView = React.createClass({ render: function() { var allCommands = []; - this.props.commandCollection.each(function(command) { + this.props.commandCollection.each(function(command, index) { allCommands.push( - + ); }, this); return ( @@ -61,7 +65,7 @@ var CommandHistoryView = React.createClass({ }, scrollDown: function() { - var cD = this.getDOMNode(); + var cD = document.getElementById('commandDisplay'); var t = document.getElementById('terminal'); // firefox hack @@ -69,7 +73,7 @@ var CommandHistoryView = React.createClass({ (window.innerHeight < cD.clientHeight); // ugh sometimes i wish i had toggle class - var hasScroll = t.className.match(/shouldScroll/g); + var hasScroll = t.className.match(/scrolling/g); if (shouldScroll && !hasScroll) { t.className += ' scrolling'; } else if (!shouldScroll && hasScroll) { diff --git a/src/js/react_views/CommandView.jsx b/src/js/react_views/CommandView.jsx index cd440e52..cea465d1 100644 --- a/src/js/react_views/CommandView.jsx +++ b/src/js/react_views/CommandView.jsx @@ -13,7 +13,8 @@ var CommandView = React.createClass({ propTypes: { // the backbone command model - command: React.PropTypes.object.isRequired + command: React.PropTypes.object.isRequired, + id: React.PropTypes.string, }, componentDidMount: function() { @@ -67,7 +68,7 @@ var CommandView = React.createClass({ ]); return ( -
+

{'$'} {' ' + this.state.rawStr}