Initial use of diff2html

Author: nickrfer

app/app.html

@@ -8,7 +8,7 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/loaders.css/0.1.2/loaders.min.css" rel="stylesheet" />
     <link href="https://cdnjs.cloudflare.com/ajax/libs/react-datepicker/0.47.0/react-datepicker.min.css" rel="stylesheet" />
     <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/github.min.css" type="text/css" />
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html.min.js" type="text/css" />
+    <link href="https://cdn.rawgit.com/rtfpessoa/diff2html/master/dist/diff2html.min.css" type="text/css" />
     <script>
       (function() {
         if (!process.env.HOT) {
@@ -51,6 +51,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/languages/scala.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html-ui.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html.min.js"></script>
   </body>
 </html>

app/components/SvnRevisionList.js

@@ -62,6 +62,7 @@ export default class SvnRevisionList extends Component {
   }
 
   generateDiffTest(revisionSelected) {
+    this.props.startRevisionLoading(true);
     console.log('revisionSelected: ', revisionSelected);
     diffSvn2Git.parse(revisionSelected).then((patch) => {
       console.log('Patch result: ');
@@ -71,6 +72,7 @@ export default class SvnRevisionList extends Component {
       console.log(diff2HtmlResult);
 
       this.setState({ prettyDiffHtml: diff2HtmlResult });
+      this.props.startRevisionLoading(false);
     });
   }
 
@@ -81,7 +83,9 @@ export default class SvnRevisionList extends Component {
           style={styles.fileName}
         >
           <i className="material-icons">label</i>
-          <p role="button" onClick={this.generateDiffTest(revision.$.revision)}>{`r${revision.$.revision} | ${dateFormat(revision.date, 'dd/mm/yyyy HH:MM:ss')} | ${revision.author} | ${revision.msg}`}</p>
+          <p role="button" onClick={() => this.generateDiffTest(revision.$.revision)}>
+            {`r${revision.$.revision} | ${dateFormat(revision.date, 'dd/mm/yyyy HH:MM:ss')} | ${revision.author} | ${revision.msg}`}
+          </p>
         </div>
       </li>
     );