import React, {PropTypes} from 'react';

const puke = (obj) => <pre>{JSON.stringify(obj, 2, ' ')}</pre>

const Results = React.createClass({
    render() {
        return (
            <div>
                Results: {puke(this.props)}
            </div>
        );
    }
});

Results.propTypes = {
    isLoading: PropTypes.bool.isRequired,
    playersInfo: PropTypes.array.isRequired,
    scores: PropTypes.array.isRequired
}

export default Results;
@@ -37,202 +37,1771 @@
 t';%0A
-%0Aconst puke
+import %7BLink%7D from 'react-router';%0A%0Aimport UserDetails from './UserDetails';%0Aimport UserDetailsWrapper from './UserDetailsWrapper';%0A%0Aconst StartOver
  = (
-obj
 ) =%3E 
-%3Cpre%3E%7BJSON.stringify(obj, 2, ' ')%7D%3C/pre%3E%0A%0Aconst Results = React.createClass(%7B%0A    render() %7B%0A        return (%0A            %3Cdiv%3E%0A                Results: %7Bpuke(this.props)%7D
+%7B%0A    return (%0A        %3Cdiv className=%22col-sm-12%22 style=%7B%7B%22margin-top%22: 20%7D%7D%3E%0A            %3CLink to=%22/playerOne%22%3E%0A                %3Cbutton type=%22button%22 className=%22btn btn-lg btn-danger%22%3E%0A                    Start Over%0A                %3C/button%3E%0A            %3C/Link%3E%0A        %3C/div%3E%0A    )%0A%7D%0A%0Aconst Results = React.createClass(%7B%0A    render() %7B%0A        const winnerIndex = this.props.scores%5B0%5D %3E this.props.scores%5B1%5D ? 0 : 1;%0A        const loserIndex = 1 - winnerIndex; // 1 - %5B0%5D = 1 ; 1 - %5B1%5D = 0%0A        %0A        if (this.props.isLoading) %7B%0A            return (%0A                %3Cp%3ELOADING...%3C/p%3E%0A            )%0A        %7D%0A        %0A        if (this.props.scores%5B0%5D === this.props.scores%5B1%5D) %7B%0A            return (%0A                %3Cdiv className=%22jumbotron col-sm-12 text-center%22%3E%0A                    %3Ch1%3EIt's a tie%3C/h1%3E%0A                    %3CStartOver /%3E                    %0A                %3C/div%3E%0A            )%0A        %7D%0A        %0A        return (%0A            %3Cdiv className=%22jumbotron col-sm-12 text-center%22%3E%0A                %3Ch1%3EResults%3C/h1%3E%0A                %3Cdiv className=%22col-sm-8 col-sm-offset-2%22%3E%0A                    %3CUserDetailsWrapper header=%22Winner%22%3E%0A                        %3CUserDetails score=%7Bthis.props.scores%5BwinnerIndex%5D%7D info=%7Bthis.props.playersInfo%5BwinnerIndex%5D%7D /%3E%0A                    %3C/UserDetailsWrapper%3E%0A                    %0A                    %3CUserDetailsWrapper header=%22Loser%22%3E%0A                        %3CUserDetails score=%7Bthis.props.scores%5BloserIndex%5D%7D info=%7Bthis.props.playersInfo%5BloserIndex%5D%7D /%3E%0A                    %3C/UserDetailsWrapper%3E%0A                %3C/div%3E%0A                %3CStartOver /%3E
 %0A   

Add the score result to the UI to show the battle's winner