Convert EmptyObject

frontend/src/components/empty-object.js

@@ -16,33 +16,41 @@ import {
 
 import { NavLink } from 'react-router-dom';
 
-export class EmptyObject extends React.Component {
-  static propTypes = {
-    headingText: PropTypes.string,
-    bodyText: PropTypes.string,
-    returnLink: PropTypes.string,
-    returnLinkText: PropTypes.string
-  };
-  render () {
-    return (
-      <React.Fragment>
-        <EmptyState>
-          <EmptyStateHeader icon={<EmptyStateIcon icon={SearchIcon} />} />
-          <Text component="h1" size="lg">
-            {this.props.headingText ? this.props.headingText : 'This object couldn\'t be found.'}
-          </Text>
-          <EmptyStateBody>
-            {this.props.bodyText ? this.props.bodyText : 'Either the object doesn\'t exist or the ID is invalid.'}
-          </EmptyStateBody>
-          <EmptyStateFooter>
-            <NavLink style={{ color: 'white' }} to={!this.props.returnLink ?  '' : this.props.returnLink}>
-              <Button variant="primary" style = {{ margin: '25px' }}>
-                {this.props.returnLinkText ? this.props.returnLinkText : 'Return to dashboard'}
-              </Button>
-            </NavLink>
-          </EmptyStateFooter>
-        </EmptyState>
-      </React.Fragment>
-    );
-  }
-}
+const EmptyObject = (props) => {
+  const {
+    headingText,
+    bodyText,
+    returnLink,
+    returnLinkText
+  } = props;
+
+  return (
+    <React.Fragment>
+      <EmptyState>
+        <EmptyStateHeader icon={<EmptyStateIcon icon={SearchIcon} />} />
+        <Text component="h1" size="lg">
+          {headingText ? headingText : 'This object couldn\'t be found.'}
+        </Text>
+        <EmptyStateBody>
+          {bodyText ? bodyText : 'Either the object doesn\'t exist or the ID is invalid.'}
+        </EmptyStateBody>
+        <EmptyStateFooter>
+          <NavLink style={{ color: 'white' }} to={!returnLink ?  '' : returnLink}>
+            <Button variant="primary" style = {{ margin: '25px' }}>
+              {returnLinkText ? returnLinkText : 'Return to dashboard'}
+            </Button>
+          </NavLink>
+        </EmptyStateFooter>
+      </EmptyState>
+    </React.Fragment>
+  );
+};
+
+EmptyObject.propTypes = {
+  headingText: PropTypes.string,
+  bodyText: PropTypes.string,
+  returnLink: PropTypes.string,
+  returnLinkText: PropTypes.string
+};
+
+export default EmptyObject;

frontend/src/components/index.js

@@ -1,5 +1,4 @@
 export { ClassificationDropdown, MultiClassificationDropdown } from './classification-dropdown';
 export { ClassifyFailuresTable } from './classify-failures';
 export { DownloadButton } from './download-button';
-export { EmptyObject } from './empty-object';
 export { IbutsuPage } from './ibutsu-page';

frontend/src/result.js

@@ -10,7 +10,7 @@ import {
 
 import { HttpClient } from './services/http';
 import { Settings } from './settings';
-import { EmptyObject } from './components';
+import EmptyObject from './components/empty-object';
 import ResultView from './components/result';
 
 

frontend/src/run.js

@@ -62,9 +62,9 @@ import {
 } from './utilities';
 import {
   DownloadButton,
-  EmptyObject,
   ClassifyFailuresTable,
 } from './components';
+import EmptyObject from './components/empty-object';
 import { FilterTable } from './components/filtertable';
 import ResultView from './components/result';
 import TabTitle from './components/tabs';