hide RevisionDiff component if revisions has no diff

src/client/js/components/PageHistory/PageRevisionList.jsx

@@ -6,24 +6,37 @@ import RevisionDiff from './RevisionDiff';
 
 export default class PageRevisionList extends React.Component {
 
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      showNodiffRevisions: false,
+    };
+  }
+
   renderRow(revision, previousRevision) {
     const revisionId = revision._id;
     const revisionDiffOpened = this.props.diffOpened[revisionId] || false;
 
+    const hasDiff = revision.hasDiffToPrev !== false; // set 'true' if undefined for backward compatibility
+
     return (
       <div className="revision-history-outer" key={`revision-history-${revisionId}`}>
         <Revision
           revision={revision}
           revisionDiffOpened={revisionDiffOpened}
+          hasDiff={hasDiff}
           onDiffOpenClicked={this.props.onDiffOpenClicked}
           key={`revision-history-rev-${revisionId}`}
           />
-        <RevisionDiff
-          revisionDiffOpened={revisionDiffOpened}
-          currentRevision={revision}
-          previousRevision={previousRevision}
-          key={`revision-deff-${revisionId}`}
-        />
+        { hasDiff &&
+          <RevisionDiff
+            revisionDiffOpened={revisionDiffOpened}
+            currentRevision={revision}
+            previousRevision={previousRevision}
+            key={`revision-deff-${revisionId}`}
+          />
+        }
       </div>
     );
   }

src/client/js/components/PageHistory/Revision.js → src/client/js/components/PageHistory/Revision.jsx

@@ -43,9 +43,16 @@ export default class Revision extends React.Component {
               <UserDate dateTime={revision.createdAt} />
             </p>
             <p>
-              <a className="diff-view" onClick={this._onDiffOpenClicked}>
-                <i className={iconClass}></i> View diff
-              </a>
+              <span className='d-inline-block' style={{ minWidth: '80px' }}>
+                { !this.props.hasDiff &&
+                  <span className='text-muted'>No diff</span>
+                }
+                { this.props.hasDiff &&
+                  <a className="diff-view" onClick={this._onDiffOpenClicked}>
+                    <i className={iconClass}></i> View diff
+                  </a>
+                }
+              </span>
               <a href={'?revision=' + revision._id } className="m-l-10">
                 <i className="icon-login"></i> Go to this version
               </a>
@@ -60,6 +67,7 @@ export default class Revision extends React.Component {
 Revision.propTypes = {
   revision: PropTypes.object,
   revisionDiffOpened: PropTypes.bool.isRequired,
+  hasDiff: PropTypes.bool.isRequired,
   onDiffOpenClicked: PropTypes.func.isRequired,
 };