Merge pull request #1651 from ProjectMirador/1650-shortFragmentSyntax

use short Fragment Syntax

src/components/OpenSeadragonViewer.js

-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import OpenSeadragon from 'openseadragon';
 import miradorWithPlugins from '../lib/miradorWithPlugins';
@@ -70,13 +70,13 @@ export class OpenSeadragonViewer extends Component {
   render() {
     const { window } = this.props;
     return (
-      <Fragment>
+      <>
         <div
           className={ns('osd-container')}
           id={`${window.id}-osd`}
           ref={this.ref}
         />
-      </Fragment>
+      </>
     );
   }
 }

src/components/WindowTopBarButtons.js

-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import miradorWithPlugins from '../lib/miradorWithPlugins';
+
 /**
  *
  */
@@ -10,9 +11,7 @@ export class WindowTopBarButtons extends Component {
    * @return {type}  description
    */
   render() {
-    return (
-      <Fragment />
-    );
+    return (<></>);
   }
 }
 

src/components/WindowViewer.js

-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { actions } from '../store';
@@ -80,13 +80,13 @@ class WindowViewer extends Component {
   render() {
     const { window } = this.props;
     return (
-      <Fragment>
+      <>
         <ConnectedOSDViewer
           tileSources={this.tileInfoFetchedFromStore()}
           window={window}
         />
         <ConnectedViewerNavigation window={window} canvases={this.canvases} />
-      </Fragment>
+      </>
     );
   }
 }

src/lib/miradorWithPlugins.js

-import React, { Component, Fragment } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import componentPlugins from './componentPlugins';
@@ -34,7 +34,7 @@ export default function miradorWithPlugins(WrappedComponent) {
       const { config } = this.props;
       const { plugins } = config;
       return (
-        <Fragment>
+        <>
           <WrappedComponent {...this.props} ref={(parent) => { this.pluginParent = parent; }} />
           { /* TODO: Refactor .name here in some way so we dont need to rely on it */}
           {componentPlugins(WrappedComponent.name, plugins)
@@ -43,7 +43,7 @@ export default function miradorWithPlugins(WrappedComponent) {
               { key: component.name, ...this.props, pluginParent: this.getPluginParent },
             ))
           }
-        </Fragment>
+        </>
       );
     }
   }