Calculate number of results that are different, enable option to show…

… or not

src/routes/Morph/MorphResults.js

@@ -21,7 +21,7 @@ const MorphResults = props => {
     }
 
     const classes = result => {
-      if (result.changed) {
+      if (result.changed && props.showDiff) {
         return classNames(props.styles.outText, props.styles.changed)
       } else {
         return props.styles.outText

src/routes/Morph/MorphService.js

@@ -121,18 +121,28 @@ class MorphService {
   }
 
   morph (data) {
-    return [
+    let results = [
       {
         input: 'lector',
-        output: 'leitor',
-        changed: true
+        output: 'leitor'
       },
       {
         input: 'doctor',
-        output: 'doutor',
-        changed: false
+        output: 'doutor'
       }
     ]
+    if (data.results !== undefined) {
+      for (let i = 0; i < results.length; i++) {
+        results[i].changed =
+          results[i].input !== data.results[i].input &&
+          results[i].output !== data.results[i].output
+      }
+    } else {
+      for (let i = 0; i < results.length; i++) {
+        results[i].changed = true
+      }
+    }
+    return results
   }
 }
 

src/routes/Morph/index.js

@@ -98,6 +98,7 @@ class Morph extends React.Component {
           styles={this.props.classes}
           outputFormat={this.state.outputFormat}
           results={this.state.results}
+          showDiff={this.state.showDiff}
         />
       </Tool>
     )