Fixes.

client/src/boot/registerComponents.js

@@ -38,4 +38,3 @@ export default () => {
     SnapshotHistoryViewerCompareWarning: HistoryViewerCompareWarning,
   }, { force: true });
 };
-

client/src/components/HistoryViewer/HistoryViewer.js

@@ -458,7 +458,6 @@ HistoryViewer.defaultProps = {
   },
 };
 
-
 function mapStateToProps(state) {
   const {
     currentPage,

client/src/components/HistoryViewer/HistoryViewerSnapshot.js

@@ -128,8 +128,8 @@ export default compose(
   inject(
     ['FormAction', 'SnapshotHistoryViewerSnapshotState'],
     (FormAction, HistoryViewerSnapshotState) => ({
-        FormActionComponent: FormAction,
-        StateComponent: HistoryViewerSnapshotState,
-      })
+      FormActionComponent: FormAction,
+      StateComponent: HistoryViewerSnapshotState,
+    })
   )
 )(HistoryViewerSnapshot);

client/src/components/HistoryViewer/HistoryViewerSnapshotState.js

@@ -1,6 +1,6 @@
-import { Component as VersionedState } from './HistoryViewerVersionState';
 import { inject } from 'lib/Injector';
 import React from 'react';
+import { Component as VersionedState } from './HistoryViewerVersionState';
 
 class HistoryViewerSnapshotState extends VersionedState {
   translateType(type) {

client/src/components/HistoryViewer/HistoryViewerToolbar.js

@@ -72,11 +72,11 @@ class HistoryViewerToolbar extends Component {
                 icon="back-in-time"
                 name="revert"
                 attributes={{
-                    title: revertButtonTitle,
-                  }}
+                  title: revertButtonTitle,
+                }}
                 data={{
-                    buttonStyle: 'warning'
-                  }}
+                  buttonStyle: 'warning'
+                }}
                 disabled={isLatestVersion || isReverting || !canRollback}
                 loading={isReverting}
                 title={i18n._t('HistoryViewerToolbar.REVERT_TO_VERSION', 'Revert to this version')}
@@ -91,11 +91,11 @@ class HistoryViewerToolbar extends Component {
               >
                 {rollbackMessage}
               </Tooltip>
-                )}
+              )}
               { isPreviewable && <ViewModeComponent id="history-viewer-edit-mode" area="edit" /> }
             </div>
           </div>
-          )}
+        )}
       </RollbackMutation>
     );
   }
@@ -123,14 +123,13 @@ HistoryViewerToolbar.defaultProps = {
   canRollback: true,
 };
 
-
 function mapDispatchToProps(dispatch) {
   return {
     onAfterRevert(versionId) {
       dispatch(addMessage(i18n.sprintf(
-          i18n._t('HistoryViewerToolbar.REVERTED_MESSAGE', 'Successfully reverted to version %s'),
-          versionId
-        )));
+        i18n._t('HistoryViewerToolbar.REVERTED_MESSAGE', 'Successfully reverted to version %s'),
+        versionId
+      )));
       dispatch(showList());
     },
   };

client/src/components/HistoryViewer/HistoryViewerVersion.js

@@ -195,6 +195,7 @@ class HistoryViewerVersion extends Component {
       </span>
     );
   }
+
   render() {
     const { version, isActive, StateComponent } = this.props;
     const rowTitle = i18n._t('HistoryViewerVersion.GO_TO_VERSION', 'Go to version {version}');

client/src/components/HistoryViewer/HistoryViewerVersionList.js

@@ -43,12 +43,12 @@ class HistoryViewerVersionList extends PureComponent {
    * @returns {boolean}
    */
   isVersionActive(version) {
-      const { currentVersion, compare, compare: { versionFrom, versionTo } } = this.props;
-      const isCurrent = currentVersion && currentVersion.id === version.id;
-      const isCompareFrom = versionFrom && versionFrom.id === version.id;
-      const isCompareTo = versionTo && versionTo.id === version.id;
+    const { currentVersion, compare, compare: { versionFrom, versionTo } } = this.props;
+    const isCurrent = currentVersion && currentVersion.id === version.id;
+    const isCompareFrom = versionFrom && versionFrom.id === version.id;
+    const isCompareTo = versionTo && versionTo.id === version.id;
 
-      return (!compare && isCurrent) || isCompareFrom || isCompareTo;
+    return (!compare && isCurrent) || isCompareFrom || isCompareTo;
   }
 
   /**

client/src/components/HistoryViewer/HistoryViewerVersionState.js

@@ -32,7 +32,6 @@ class HistoryViewerVersionState extends Component {
     return i18n._t('HistoryViewer.Saved', 'Saved');
   }
 
-
   /**
    * Return any status badges for the record
    *

client/src/components/HistoryViewer/RollbackMutation.js

@@ -3,12 +3,12 @@ import { Mutation } from 'react-apollo';
 import createRollbackMutation from '../../graphql/createRollbackMutation';
 
 const RollbackMutation = ({ typeName, children }) => {
-    const ROLLBACK = useMemo(() => createRollbackMutation(typeName), [typeName]);
-    return (
-      <Mutation mutation={ROLLBACK} refetchQueries={[`ReadSnapshots${typeName}`]}>
-        {children}
-      </Mutation>
-    );
+  const ROLLBACK = useMemo(() => createRollbackMutation(typeName), [typeName]);
+  return (
+    <Mutation mutation={ROLLBACK} refetchQueries={[`ReadSnapshots${typeName}`]}>
+      {children}
+    </Mutation>
+  );
 };
 
 export default RollbackMutation;

client/src/components/HistoryViewer/SnapshotViewerContainer.js

@@ -16,59 +16,59 @@ const SnapshotViewerContainer = ({
   },
   SnapshotViewerComponent,
 }) => {
-    const QUERY = useMemo(
-      () => createSnapshotsQuery(typeName, isPreviewable),
-      [typeName, isPreviewable]
-    );
+  const QUERY = useMemo(
+    () => createSnapshotsQuery(typeName, isPreviewable),
+    [typeName, isPreviewable]
+  );
 
-    const variables = {
-        limit,
-        offset: ((page || 1) - 1) * limit,
-        page_id: recordId,
-    };
-    return (
-      <Query query={QUERY} variables={variables} fetchPolicy="network-only">
-        {({ loading, error, data, refetch }) => {
-                let readOne = null;
-                if (data) {
-                  readOne = data[`readOne${typeName}`];
-                }
-                const versions = readOne || {};
+  const variables = {
+    limit,
+    offset: ((page || 1) - 1) * limit,
+    page_id: recordId,
+  };
+  return (
+    <Query query={QUERY} variables={variables} fetchPolicy="network-only">
+      {({ loading, error, data, refetch }) => {
+        let readOne = null;
+        if (data) {
+          readOne = data[`readOne${typeName}`];
+        }
+        const versions = readOne || {};
 
-                const errors = error && error.graphQLErrors &&
+        const errors = error && error.graphQLErrors &&
                 error.graphQLErrors.map((graphQLError) => graphQLError.message);
 
-                const props = {
-                    loading,
-                    versions,
-                    graphQLErrors: errors,
-                    actions: {
-                        ...actions,
-                        versions: {
-                            ...versions,
-                            // eslint-disable-next-line no-shadow
-                            goToPage(page) {
-                                refetch({
-                                    offset: ((page || 1) - 1) * limit,
-                                    limit,
-                                    page_id: recordId,
-                                });
-                            }
-                        },
-                    },
-                    recordId,
-                    recordClass,
-                    typeName,
-                    limit,
-                    page,
-                };
+        const props = {
+          loading,
+          versions,
+          graphQLErrors: errors,
+          actions: {
+            ...actions,
+            versions: {
+              ...versions,
+              // eslint-disable-next-line no-shadow
+              goToPage(page) {
+                refetch({
+                  offset: ((page || 1) - 1) * limit,
+                  limit,
+                  page_id: recordId,
+                });
+              }
+            },
+          },
+          recordId,
+          recordClass,
+          typeName,
+          limit,
+          page,
+        };
 
-                return (
-                  <SnapshotViewerComponent {...props} />
-                );
-            }}
-      </Query>
-    );
+        return (
+          <SnapshotViewerComponent {...props} />
+        );
+      }}
+    </Query>
+  );
 };
 
 SnapshotViewerContainer.propTypes = {
@@ -82,9 +82,9 @@ SnapshotViewerContainer.propTypes = {
 };
 
 export default inject(
-    ['SnapshotViewer'],
-    (SnapshotViewerComponent) => ({
-      SnapshotViewerComponent,
-    }),
-    ({ contextKey }) => `VersionedAdmin.HistoryViewer.${contextKey}`
+  ['SnapshotViewer'],
+  (SnapshotViewerComponent) => ({
+    SnapshotViewerComponent,
+  }),
+  ({ contextKey }) => `VersionedAdmin.HistoryViewer.${contextKey}`
 )(SnapshotViewerContainer);

client/src/components/HistoryViewer/tests/HistoryViewer-test.js

@@ -2,9 +2,9 @@
 /* global jest, describe, it, expect */
 
 import React from 'react';
-import { Component as HistoryViewer } from '../HistoryViewer';
 import Enzyme, { shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16/build/index';
+import { Component as HistoryViewer } from '../HistoryViewer';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -105,9 +105,9 @@ describe('HistoryViewer', () => {
         page={1}
         compare={false}
         currentVersion={{
-            version: 123,
-            latestDraftVersion: true
-          }}
+          version: 123,
+          latestDraftVersion: true
+        }}
       />);
 
       expect(wrapper.instance().getLatestVersion().version).toEqual(123);
@@ -202,8 +202,8 @@ describe('HistoryViewer', () => {
         page={2}
         versions={versions}
         currentVersion={{
-            ID: 1,
-          }}
+          ID: 1,
+        }}
         compare={false}
       />);
 
@@ -222,13 +222,13 @@ describe('HistoryViewer', () => {
         page={2}
         versions={versions}
         currentVersion={{
-            ID: 1,
-          }}
+          ID: 1,
+        }}
         compare={{
-            versionFrom: {
-              ID: 1,
-            },
-          }}
+          versionFrom: {
+            ID: 1,
+          },
+        }}
       />);
 
       expect(wrapper.instance().isListView()).toBe(true);
@@ -246,16 +246,16 @@ describe('HistoryViewer', () => {
         page={2}
         versions={versions}
         currentVersion={{
-            ID: 1
-          }}
+          ID: 1
+        }}
         compare={{
-            versionFrom: {
-              ID: 1,
-            },
-            versionTo: {
-              ID: 2,
-            },
-          }}
+          versionFrom: {
+            ID: 1,
+          },
+          versionTo: {
+            ID: 2,
+          },
+        }}
       />);
 
       expect(wrapper.instance().isListView()).toBe(false);
@@ -290,13 +290,13 @@ describe('HistoryViewer', () => {
         limit={1}
         page={2}
         versions={{
-            Versions: {
-              pageInfo: { totalCount: 1 },
-              edges: [
-                { node: { Version: 14 } },
-              ],
-            }
-          }}
+          Versions: {
+            pageInfo: { totalCount: 1 },
+            edges: [
+              { node: { Version: 14 } },
+            ],
+          }
+        }}
       />);
 
       expect(wrapper.instance().compareModeAvailable()).toBe(false);

client/src/components/HistoryViewer/tests/HistoryViewerHeading-test.js

@@ -2,9 +2,9 @@
 /* global jest, describe, it, expect */
 
 import React from 'react';
-import { Component as HistoryViewerHeading } from '../HistoryViewerHeading';
 import Enzyme, { shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16/build/index';
+import { Component as HistoryViewerHeading } from '../HistoryViewerHeading';
 
 Enzyme.configure({ adapter: new Adapter() });
 
@@ -37,4 +37,3 @@ describe('HistoryViewerHeading', () => {
     });
   });
 });
-